@charset "UTF-8";

/* COSITAS */

  /* PALETA DE COLORES */

  /*


  celeste

  color: #00a1e4;
  background-color: #00a1e4;


  gris

  color: #596f7e;
  background-color: #596f7e;


  turquesa

  color: #01babd;
  background-color: #01babd;


  naranja

  color: #f7941d;
  background-color: #f7941d;


  rojo

  color: #ef4023;
  background-color: #ef4023;


  gris mapa

  color: #E7E5D9;
  background-color: #E7E5D9;

  */

  .txt-violeta{
    color: #92278f;
  }

  .txt-verde{
    color: #01babd;
  }
  .txt-petroleo{
    color: #4a5c69;
  }

  .txt-petroleo-prioridades{
    color: #596f7e;
  }

  .no-underline{
    text-decoration: none!important;
  }

  .displayNone{
  display: none;
}

/* NAV */
body{
      -webkit-font-smoothing: antialiased;
      -moz-box-sizing:antialiased;
      font-smoothing: antialiased;
      overflow-x: hidden;
}

nav:first-of-type {
    min-height: 30px!important;
}

nav:nth-of-type(2) {
    min-height: 100px!important;
}


header{
    width: 100%;
    z-index: 100;
}

.navbar-fixed {
  position: fixed;
    width: 100%;
    z-index: 100;
    top: 0; 
}

main{
  padding-top: 158px;
}


@media (min-width: 421px) and (max-width: 620px){

  main{
    padding-top: 140px!important;
  }

}


@media (max-width: 420px){

  main{
    padding-top: 132px!important;
  }

}

.navIdioma{
  padding-top: 2px;
    text-align: right;
}

.navIdioma li a{
  color: #92278f;
    font-weight: 500;
    font-size: 1.5em;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.navIdioma li{
  display: inline-block;
  text-decoration: none;
  padding: 6px;
  font-size: 14px;
}


/*
.redesheader {
    list-style: none;
    margin: 5px 0;
    padding-left: 0;
    float: right!important;
}

.redesheader li{
  display: inline-block;
}

.redesheader span {
    color: #fff;
    text-align: center;
    width: 40px;
    height: 40px;
    padding-top: 7px;
    display: block;
    float: left;
}
*/


.redesheader{
  padding-top: 10px;
  list-style: none;
  float: right!important;
}

.redesheader li {
  display: inline-block;
}

.redesheader li span {
  color: #fff;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 40px;
    padding-top: 7px;
    margin-right: 10px;
    display: block;
    float: left;
    font-size: 15px;
}

.iconFB{
  background-color: #4470cf!important;
}

.iconTW{
  background-color: #5daed5!important;
}

.iconFL{
  background-color: #f3188c!important;
}

.iconYT{
  background-color: red!important;
}

/*

.redesheader li:nth-of-type(1) span{
  color: #4470cf!important;
}

.redesheader li:nth-of-type(2) span{
  color: #5daed5!important;
}

.redesheader li:nth-of-type(3) span{
  color: #f3188c!important;
}

.redesheader li:nth-of-type(4) span{
  color: red!important;
}

*/



@media (max-width: 488px){
.redesheader{
  display: none;
}

.portaidioma{
  width: 100%;
}

}


#navbar{
  padding-top: 15px;
}


a:hover, a:focus, a:active {
    color: #01babd!important;
    text-decoration: none;
}

.navbar-default .nav > li > a {
  color: #596f7e;
  background-color: #fff;
}


.navbar ul li .dropdown-menu {
    background: #ffffff !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background: #fff!important;
    color: #01babd;
    opacity: 1;
}


.navbar ul li .dropdown-menu li a {
    color: #596f7e!important;
}


.navbar ul li .dropdown-menu > li > a:hover,
.navbar ul li .dropdown-menu li a:hover,
.navbar ul li .dropdown-menu > li > a:focus,
.navbar ul li .dropdown-menu li a:focus {
    background-color: #fff;
    color: #01babd!important;
}


.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background: #fff!important;
    color: #01babd!important;
    opacity: 1;
}

#avatar{
  display: none;
}

@media (min-width: 768px){
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
      margin-left: -40px;
  }
}

@media (min-width: 992px) and (max-width: 1200px){


  .navbar-default .nav > li > a{
        font-size: 14px!important;
  }

}

@media (min-width: 421px) and (max-width: 991px){

  #avatar{
    display: block;
  }

  #logo{
    display: none;
  }

  .navbar-default .nav > li > a {
      font-size: 13px;
      padding-left: 9px;
      padding-right: 10px;
  }

  .navbar .navbar-brand {
        height: 72px!important;
      font-size: 20px!important;
      font-weight: 500!important;
      line-height: 2.6!important;
  }

  .navbar .navbar-brand img {
      height: 60px!important;
      width: auto!important;
  }

}

@media (max-width: 620px){
  nav:nth-of-type(2) {
      max-height: 85px!important;
      min-height: 85px!important;
  }

  #navbar {
      padding-top: 5px;
  }

}


@media (max-width: 420px){

  .navbar .container .navbar-header .navbar-brand img {
      height: 50px!important;
      width: auto!important;
    }

    #avatar{
    display: block;
  }

  #logo{
    display: none;
  }

  nav:nth-of-type(2) {
    min-height: 77px!important;
  }

}



/* SEARCH */


.btn-search{
    padding-top: 25px;
    padding-left: 15px;
}


.btn-search i{
  color: #596f7e;
}

.btn-search i:hover,
.btn-search i:focus{
  color: #01babd;
}

.dropdown-search {
    padding: 0;
    min-width: 140px;
    margin: 10px 0px 0px -70px;
    list-style: none;
    border: 0;
    left: 50%;
    border-radius: 4px;
    background: #FFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.1));
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.dropdown-search:before {
    right: 8px;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.search-form {
    position: relative;
}

.dropdown-search:before {
    content: "";
    position: absolute;
    top: -20px;
    bottom: auto;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFF;
}

.dropdown-search {
    min-width: 300px;
    padding: 30px;
    left: auto;
    right: -10px;
}

.dropdown-search:before {
    right: 8px;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.dropdown-search input{
  height: 38px;
  font-size: 16px;
}


@media (max-width: 767px){

  .btn-search{
    display: none;
  }

}


/* BACK TO TOP */

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #f7941d;
  color: white;
  cursor: pointer;
  padding: 7px 14px 12px 14px;
  border-radius: 10px;
  -webkit-transition-duration: 0.4s!important;
  transition-duration: 0.4s!important;
}

#myBtn:hover {
  background-color: #e37d03;
}

/* COSITAS GENERALES */

body{
  background-color: #fff;
}

h3, h4{
  color: #4a5c69;
  margin-bottom: 0.2em!important;
}

.fondoGris{
  background-color: #f6f7f8;
}

.fondoBlanco{
  background-color: #fff;
}

.fondoTurquesa{
  background-color: #01babd;
}

img{
  max-width: 100%;
}

ul li b{
  color: #596f7e;
}

.separadorColores{
  background: url(../img/dots2.png);
  background-repeat: no-repeat;
  height: 15px;
  margin: 20px 0;
}


main a[href^="http://"]:after, main a[href^="https://"]:after{
  display:none;
}

  /* BOTONES */

.btn{
  border-radius: 80px;
    height: 50px;
}

.btn.btn-sm {
    padding: 15px 60px;
}


.btn.btn-xs {
    height: 40px;
    font-size: 12px;
    padding: 10px 35px;
}



.btn-primary{
  background-color: #01babd!important;
  -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}


.btn-primary:hover, .btn-primary:focus {
  background-color: #0072bc!important;
  color: #fff!important;
}


.btn-v4{
  background-color: transparent;
  border: 3px solid #fff!important;
  color: #fff;
  padding: 11px 50px!important;
  -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}


.btn-v4:hover, .btn-v4:focus {
  background-color: #fff!important;
  border: 3px solid #fff;
  color: #92278f!important;
}


.btn-secondary{
  background-color: transparent;
  border: 3px solid #fff;
  color: #fff;
  padding: 11px 25px!important;
  min-width: 180px!important;
  -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}


.btn-secondary:hover, .btn-secondary:focus {
  background-color: #fff!important;;
  color: #c6168d!important;
  border: 3px solid #fff;
}

.btn-secondaryinv{
  background-color: transparent;
  border: 3px solid #01babd;
  color: #01babd;
  padding: 11px 25px!important;
  min-width: 180px!important;
  -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}


.btn-secondaryinv:hover, .btn-secondaryinv:focus {
  background-color: #01babd!important;;
  color: #fff!important;
  border: 3px solid #01babd;
}

  /* TIPOGRAFÍA */

.light{
  font-weight: 200;
}

.semilight{
  font-weight: 300;
}

.heavy{
  font-weight: 500;
}

.masheavy{
  font-weight: 600;
}

.caps{
  font-variant: all-small-caps;
}

.preTitulo{
  font-variant: all-small-caps;
  color: #01babd;
  font-weight: 500;
  margin-bottom: 0;
  padding-top: 10px;
}


.chiquito{
  font-size: 16px;
    line-height: 23px;
}

.menosGrande{
  font-size: 20px;
}

.pocoGrande{
  font-size: 25px;
}

.bastanteGrande{
  font-size: 30px;
}

.masGrande{
  font-size: 35px;
  line-height: 1.2;
}

.reGrande{
  font-size: 40px;
}

.rereGrande{
  font-size: 50px;
}

.superGrande{
  font-size: 60px;
}

.megaGrande{
  font-size: 70px;
}

/* COLORES */

.blanquito{
  color: #fff;
}

.turquesa{
  color: #01babd;
}

.gris{
  color: #596f7e;
}

.naranja{
  color: #f7941d;
}

.fucsia{
  color: #ea1d76;
}

.violeta{
  color: #873299;
}

.rojo{
  color: #ef4023;
}

.blanquitoFondo{
  background-color: #fff;
}

.turquesaFondo{
  background-color: #01babd;
}

.naranjaFondo{
  background-color: #f7941d;
}


  /* BARRITAS */

.barrita{
  height: 5px;
  width: 60px;
  margin-top: 10px;
  margin-bottom: 20px;
  background-color: #01babd;
}

.miniBarrita{
  height: 3px;
  width: 20px;
}

.barritaBorde{
  border-bottom: solid 1px #01babd;
  width: 60px;
}


  /* PIE DE FOTO */

.pieFoto{
  color: #01babd;
  font-variant: all-small-caps;
  text-align: right;
  margin-bottom: 15px;

}


  /* HOVER PANELES */



.discursos .panel:hover,
.discursos .panel:focus,
.destacadospie .panel:hover,
.destacadospie .panel:focus{
  background-color: #01babd!important;
}

.panels-row .panel:hover,
.panels-row .panel:focus{
  background-color: #92278f!important;
}

.panels-row .panel:hover h3,
.panels-row .panel:hover h4,
.panels-row .panel:hover small,
.panels-row .panel:focus h3,
.panels-row .panel:focus h4,
.panels-row .panel:focus small,
.discursos .panel:hover h3,
.discursos .panel:hover h4,
.discursos .panel:hover small,
.discursos .panel:focus h3,
.discursos .panel:focus h4,
.discursos .panel:focus small,
.destacadospie .panel:hover h3,
.destacadospie .panel:hover h4,
.destacadospie .panel:hover small,
.destacadospie .panel:focus h3,
.destacadospie .panel:focus h4,
.destacadospie .panel:focus small{
  color: #fff;
}

.media-left, .media > .pull-left {
    padding-top: 9px;
}



/*PORTADAS*/

  /* HOME */

#portavideo{
  padding-top: 550px;
    padding-bottom: 0!important;
}

@media (max-width: 782px){

 .video-container video{
  display: none!important;
 }

 .portaInfoPortada{
  margin-top: 150px!important;
 }

}

.video-container{
  background: url("../img/banner.jpg");
  background-position: center top;
 }

.video-container {
  position: absolute;
  top: 3%;
  bottom: 0;
  width: 100%;
  height: 600px;
  overflow: hidden;
}

.video-container video {
  min-width: 100%;
  min-height: 50%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.portaInfoPortada{
  margin-top: 170px;
}

video{
  background-color: #596f7e;
}

  /* esta clase le da un margin top a la primera sección del home
  para que no pise el video */


.margenVideo {
    padding-top: 650px;
}


.margenVideoHome {
    padding-top: 630px;
}


  /* todos los homes */


.principal{
  background-color: #f6f7f8;
  padding-top: 50px!important;
}

.principalV2{
  background-color: #f6f7f8;
  margin-top: 430px;
  padding-top: 130px!important;
}


.principalV3{
  background-color: #f6f7f8;
  margin-top: 585px;
}


  /* HOME 2 */

.fotoPortada{
  position: absolute;
    top: 12%;
    bottom: 0;
    width: 100%;
    height: 450px;
  overflow: hidden;
  background-image:url('../img/foto-noticia-home.jpg');
  background-size: cover;
  background-position: center;
  margin-bottom: 300px;
}

.portaInfoPortadaV2{
  margin-top: 150px;
  background-color: #f6f7f8;
  position: absolute;
  top: 355px;
  left: 0;
  padding-top: 20px;
}

.portaInfoPortadaV2 h2{
  color: #01babd;
  font-size: 1.7em;
  font-weight: 500;
}

.portaInfoPortadaV2 p{
  color: #596f7e;
  font-size: 1em;
  font-weight: 400;
  padding: 0 30px;
}

.margenVideo2 {
    padding-top: 600px;
}


@media (max-width: 992px){

.margenVideo2 {
    padding-top: 650px;
}

}





  /* HOME 3 */


.portadaNoticia{
  height: 450px;
}

.portadaNoticia{
  background-image:url('../img/index-v3.jpg');
  background-size: cover;
  background-position: center;
}

.portaInfoPortadaV3{
  background-color: rgba(246, 247, 248,0.9);
  margin-top: 35px;
  padding: 20px 30px;
}

.portaInfoPortadaV3 h2{
  color: #0072bc;
  font-size: 1.6em;
  font-weight: 500;
}

.portaInfoPortadaV3 p{
  color: #596f7e;
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.portaInfoPortadaV3 a{
  margin-top: 20px!important;
}


  /* HOME 4 */


.portadav4{
  height: 450px;
  padding: 0;
}

.portafotoportada{
  background-image:url('../img/index-v4.jpg');
  background-size: cover;
  background-position: center;
  height: 450px;
}

.portainfoportadav4{
  background-color: #92278f;
  padding: 100px 80px;
  height: 450px;
}

.portainfoportadav4 h2{
  color: #fff;
  font-size: 2em;
  font-weight: 500;
}

.portainfoportadav4 p{
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.portainfoportadav4 a{
  margin-top: 30px!important;
}


  /* HOME 5 */


.containerPortada{
  width: 100%!important;
}

.portadav5{
  height: 450px;
  padding: 0;
}

.portainfoportadav5{
  background-color: #fff;
  padding: 100px 80px;
  height: 450px;
}

.portainfoportadav5 h2{
  color: #596f7e;
  font-size: 2em;
  font-weight: 500;
}

.portainfoportadav5 p{
  color: #596f7e;
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.portainfoportadav5 a{
  margin-top: 30px!important;
}

.btn-v5{
  background-color: transparent;
  border: 3px solid #596f7e!important;
  color: #596f7e;
  padding: 11px 50px!important;
  -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}


.btn-v5:hover, .btn-v5:focus {
  background-color: #596f7e!important;
  border: 3px solid #596f7e;
  color: #fff!important;
}



@media (min-width: 992px) and (max-width: 1200px){


  .portainfoportadav5 h2{
    font-size: 1.8em!important;
  }

  .portainfoportadav5 a {
      margin-top: 20px!important;
  }

  .portainfoportadav5 {
      padding: 40px 60px;
  }


}


@media (max-width: 991px){


  .portafotoportada{
    display: none;
  }

  .portainfoportadav5{
    width: 100%;
  }

  .portainfoportadav5 {
          padding: 130px 80px;
  }


}

@media (max-width: 782px){

  .portafotoportada{
    display: none;
  }

  .portainfoportadav5{
    width: 100%;
  }

  .portainfoportadav5 {
      padding: 80px 60px;
  }

  time,
  .bajada{
    /*padding-left: 50px;*/
    padding-right: 50px;
  }

}


  /* HOME 6 fondo blanco e imagen*/


.portadaNoticia{
  height: 450px;
}

.portadaNoticia{
  background-color: #fff;
}

.portadav6{
  height: 450px;
  padding: 0;
}

.portaFotoPortadaV6{
  background-image:url('../img/index-v4.jpg');
  background-position: right;
  padding: 100px 80px;
  height: 450px;
}

.portainfoportadav6{
  background-color: #fff;
  padding: 60px 0 0 60px;
  height: 450px;
}

.portainfoportadav6 h2{
  color: #01babd;
  font-size: 2em;
  font-weight: 500;
  font-weight: 300;
}

.portainfoportadav6 p{
  color: #596f7e;
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.portainfoportadav6 a{
  margin-top: 30px!important;
}

.btn-v6{
  background-color: transparent;
  border: 3px solid #596f7e!important;
  color: #596f7e;
  padding: 11px 50px!important;
  -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}


.btn-v6:hover, .btn-v6:focus {
  background-color: #596f7e!important;
  border: 3px solid #596f7e;
  color: #fff!important;
}



@media (min-width: 992px) and (max-width: 1200px){


  .portainfoportadav6 a {
      margin-top: 20px!important;
  }

  .portainfoportadav6 {
      padding: 40px 0 0 30px;
  }


}


@media (max-width: 991px){


  .portaFotoPortadaV6{
    display: none;
  }

  .portainfoportadav6{
    width: 100%;
    height: 300px;
  }

  .portainfoportadav6 {
          padding: 50px 80px;
  }


}

@media (max-width: 782px){

  .portaFotoPortadaV6{
    display: none;
  }

  .portainfoportadav6{
    width: 100%;
  }

  .portainfoportadav6 {
      padding: 20px 40px;
  }

}



















/* HOME CAROUSEL V2*/

#myCarouselV2,
.carousel-innerV2
{
  background-image: url('../img/carousel/bg-nuevo-home.jpg');
  background-size: cover;
  height: 750px!important;
  width: 100%;
}

#imagenCarousel1,
#imagenCarousel2,
#imagenCarousel3{
  background-position: top center;
  background-size: cover;
}

#imagenCarousel1{
  background-image: url('../img/carousel/1.jpg');
}

#imagenCarousel2{
  background-image: url('../img/carousel/2.jpg');
}

#imagenCarousel3{
  background-image: url('../img/carousel/3.jpg');
}


.carousel-captionV2 h3{
  color: #fff;
    text-shadow: none;
    font-size: 2.8em;
}

.carousel-captionV2 p{
  color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    text-shadow: none;
}

.right::before,
.left::before{
  display: none;
}


.carousel-control {
    width: 6%;
}


/* HOME CAROUSEL - v2 */

.carousel-innerV2 .item{
  padding: 50px;
}

.imagenCarouselV2{
  max-width: 1200px;
}

.carousel-captionV2{
  top: 20%;
    left: 62%;
    right: 5%;
    text-align: left;
}

.carousel-indicatorsV2{
  top: 90%;
    left: 72%;
    margin: 0;
    width: 50px;
}






@media (min-width: 1741px){

  .imagenCarouselV2{
    width: 70%;
    height: 650px;
  }

  .carousel-captionV2{
      left: 1290px;
  }

  .carousel-indicatorsV2{
    left: 1290px;
  }

}


@media (min-width: 1401px) and (max-width: 1740px){

  .imagenCarouselV2{
    width: 70%;
    height: 650px;
  } 

  .carousel-captionV2{
      left: 71%;
  }


}


@media (min-width: 1201px) and (max-width: 1400px){

  .imagenCarouselV2 {
      width: 70%;
      height: 650px;
    }

  .carousel-captionV2{
      top: 20%;
      left: 70%;
  }

  .carousel-captionV2 h3{
      font-size: 2em;
  }

  .carousel-captionV2 p{
      font-size: 1.3em;
  }

  .carousel-indicatorsV2 {
      left: 70%;
  }


}

@media (min-width: 851px) and (max-width: 1200px){

  #portaCarousel, #myCarouselV2, .carousel-innerV2 {
     height: 900px!important;
  }

  .carousel-innerV2 .item {
      padding: 80px;
  }

  .imagenCarouselV2 {
      width: 100%;
      max-width: none;
      background-size: contain;
      background-repeat: no-repeat;
    height: 550px;
    }


    .carousel-captionV2 {
      
      top: 85%;
      left: 80px;
      right: 80px;
      text-align: center;
  }

  .carousel-captionV2 h3{
      font-size: 1.7em;
  }

  .carousel-captionV2 p{
      font-size: 1.1em;
  }

  .carousel-indicatorsV2 {
      top: 95%;
      left: 47%;
  }


}


@media (min-width: 601px) and (max-width: 851px){

  #portaCarousel, #myCarouselV2, .carousel-innerV2 {
     height: 690px!important;
  }

  .carousel-innerV2 .item {
      padding: 50px;
  }

  .imagenCarouselV2 {
      width: 100%;
      max-width: none;
      background-size: contain;
      background-repeat: no-repeat;
    height: 350px;
    }


    .carousel-captionV2 {
      
      top: 85%;
      left: 80px;
      right: 80px;
      text-align: center;
  }

  .carousel-captionV2 h3{
      font-size: 1.7em;
  }

  .carousel-captionV2 p{
      font-size: 1.1em;
  }

  .carousel-indicatorsV2 {
      top: 95%;
      left: 46%;
  }


}

@media (min-width: 501px) and (max-width: 601px){

  #portaCarousel, #myCarouselV2, .carousel-innerV2 {
     height: 650px!important;
  }

  .carousel-innerV2 .item {
      padding: 0;
  }

  .imagenCarouselV2 {
      width: 100%;
      max-width: none;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top;
      height: 300px;
    }


    .carousel-captionV2 {
      
      top: 100%;
      left: 30px;
      right: 30px;
      text-align: center;
  }

  .carousel-captionV2 h3{
      font-size: 1.7em;
  }

  .carousel-captionV2 p{
      font-size: 1.1em;
  }

  .carousel-indicatorsV2 {
      top: 95%;
      left: 45%;
  }

}

@media (max-width: 501px){

  #portaCarousel, #myCarouselV2, .carousel-innerV2 {
     height: 650px!important;
  }

  .carousel-innerV2 .item {
      padding: 0;
  }

  .imagenCarouselV2 {
      width: 100%;
      max-width: none;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top;
      height: 300px;
    }


    .carousel-captionV2 {
      
      top: 100%;
      left: 30px;
      right: 30px;
      text-align: center;
  }

  .carousel-captionV2 h3{
      font-size: 1.7em;
  }

  .carousel-captionV2 p{
      font-size: 1.1em;
  }

  .carousel-indicatorsV2 {
      top: 95%;
      left: 42%;
  }


}



























/* HOME CAROUSEL - v2 alt */


#portaCarouselAlt,
#myCarouselAlt,
.carousel-innerAlt
{
  background-image: url('../img/carousel/bg-nuevo-home.jpg');
  background-size: cover;
  height: 750px!important;
  width: 100%;
}

.carousel-captionAlt h3{
  color: #fff;
    text-shadow: none;
    font-size: 2.8em;
}

.carousel-captionAlt p{
  color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    text-shadow: none;
}



/* HOME CAROUSEL - v2 */

.carousel-innerAlt .item{
  padding: 50px;
}

.imagenCarouselAlt{
  max-width: 980px;
}

.carousel-captionAlt{
  top: 20%;
    left: 62%;
    right: 5%;
    text-align: left;
}

.carousel-indicatorsAlt{
  top: 90%;
    left: 72%;
    margin: 0;
    width: 50px;
}






@media (min-width: 1741px){

  .imagenCarouselAlt{
    width: 60%;
    height: 650px;
  }

  .carousel-captionAlt,
  .carousel-indicatorsAlt{
      left: 1080px;
  }

}


@media (min-width: 1401px) and (max-width: 1740px){

  .imagenCarouselAlt{
    width: 60%;
    height: 650px;
  } 

  .carousel-captionAlt,
  .carousel-indicatorsAlt{
      left: 62%;
  }


}


@media (min-width: 1201px) and (max-width: 1400px){

  .imagenCarouselAlt {
      width: 60%;
      height: 650px;
    }

  .carousel-captionAlt{
      top: 20%;
      left: 63%;
  }

  .carousel-captionAlt h3{
      font-size: 2em;
  }

  .carousel-captionAlt p{
      font-size: 1.3em;
  }

  .carousel-indicatorsAlt {
      left: 63%;
  }


}

@media (min-width: 851px) and (max-width: 1200px){

  #portaCarouselAlt, #myCarouselAlt, .carousel-innerAlt {
     height: 900px!important;
  }

  .carousel-innerAlt .item {
      padding: 80px;
  }

  .imagenCarouselAlt {
      width: 100%;
      max-width: none;
      background-size: contain;
      background-repeat: no-repeat;
    height: 550px;
    }


    .carousel-captionAlt {
      
      top: 85%;
      left: 80px;
      right: 80px;
      text-align: center;
  }

  .carousel-captionAlt h3{
      font-size: 1.7em;
  }

  .carousel-captionAlt p{
      font-size: 1.1em;
  }

  .carousel-indicatorsAlt {
      top: 95%;
      left: 47%;
  }


}


@media (min-width: 601px) and (max-width: 851px){

  #portaCarouselAlt, #myCarouselAlt, .carousel-innerAlt {
     height: 690px!important;
  }

  .carousel-innerAlt .item {
      padding: 50px;
  }

  .imagenCarouselAlt {
      width: 100%;
      max-width: none;
      background-size: contain;
      background-repeat: no-repeat;
    height: 350px;
    }


    .carousel-captionAlt {
      
      top: 85%;
      left: 80px;
      right: 80px;
      text-align: center;
  }

  .carousel-captionAlt h3{
      font-size: 1.7em;
  }

  .carousel-captionAlt p{
      font-size: 1.1em;
  }

  .carousel-indicatorsAlt {
      top: 95%;
      left: 46%;
  }


}

@media (min-width: 501px) and (max-width: 601px){

  #portaCarouselAlt, #myCarouselAlt, .carousel-innerAlt {
     height: 650px!important;
  }

  .carousel-innerAlt .item {
      padding: 0;
  }

  .imagenCarouselAlt {
      width: 100%;
      max-width: none;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top;
      height: 300px;
    }


    .carousel-captionAlt {
      
      top: 100%;
      left: 30px;
      right: 30px;
      text-align: center;
  }

  .carousel-captionAlt h3{
      font-size: 1.7em;
  }

  .carousel-captionAlt p{
      font-size: 1.1em;
  }

  .carousel-indicatorsAlt {
      top: 95%;
      left: 45%;
  }

}

@media (max-width: 501px){

  #portaCarouselAlt, #myCarouselAlt, .carousel-innerAlt {
     height: 650px!important;
  }

  .carousel-innerAlt .item {
      padding: 0;
  }

  .imagenCarouselAlt {
      width: 100%;
      max-width: none;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top;
      height: 300px;
    }


    .carousel-captionAlt {
      
      top: 100%;
      left: 30px;
      right: 30px;
      text-align: center;
  }

  .carousel-captionAlt h3{
      font-size: 1.7em;
  }

  .carousel-captionAlt p{
      font-size: 1.1em;
  }

  .carousel-indicatorsAlt {
      top: 95%;
      left: 42%;
  }


}








/* HOME CAROUSEL V3*/

#myCarouselV3,
.carousel-innerV3
{
  background-image: url('../img/carousel/bg-nuevo-home.jpg');
  background-size: cover;
  height: 750px!important;
  width: 100%;
}


.carousel-captionV3 h3{
  color: #fff;
    text-shadow: none;
    font-size: 2.8em;
    font-weight: 500;
}

.carousel-captionV3 p{
  color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    text-shadow: none;
}


/* HOME CAROUSEL - v3 */

.carousel-innerV3 .item{
  padding: 0;
}

.imagenCarouselV3{
  max-width: 1200px;
  background-size: contain;
}

.carousel-captionV3{
  top: 7%;
    left: 62%;
    right: 5%;
    text-align: left;
}

.carousel-indicatorsV3{
  top: 90%;
    left: 72%;
    margin: 0;
    width: 50px;
}






@media (min-width: 1741px){

  .imagenCarouselV3{
    width: 70%;
    height: 750px;
  }

  .carousel-captionV3{
      left: 1290px;
  }

  .carousel-indicatorsV3{
    left: 1290px;
  }

}


@media (min-width: 1401px) and (max-width: 1740px){

  .imagenCarouselV3{
    width: 70%;
    height: 750px;
  } 

  .carousel-captionV3{
      left: 72%;
  }


}


@media (min-width: 1201px) and (max-width: 1400px){

  .imagenCarouselV3 {
      width: 70%;
      height: 750px;
    }

  .carousel-captionV3{
      top: 20%;
      left: 72%;
  }

  .carousel-captionV3 h3{
      font-size: 2em;
  }

  .carousel-captionV3 p{
      font-size: 1.3em;
  }

  .carousel-indicatorsV3 {
      left: 72%;
  }


}

@media (min-width: 851px) and (max-width: 1200px){

  #portaCarousel, #myCarouselV3, .carousel-innerV3 {
     height: 830px!important;
  }

  .carousel-innerV3 .item {
      padding: 0;
  }

  .imagenCarouselV3 {
      width: 100%;
      max-width: none;
      background-size: contain;
      background-repeat: no-repeat;
    height: 550px;
    }


    .carousel-captionV3 {
      
      top: 100%;
      left: 80px;
      right: 80px;
      text-align: center;
  }

  .carousel-captionV3 h3{
      font-size: 1.7em;
  }

  .carousel-captionV3 p{
      font-size: 1.1em;
  }

  .carousel-indicatorsV3 {
      top: 95%;
      left: 47%;
  }


}


@media (min-width: 601px) and (max-width: 851px){

  #portaCarousel, #myCarouselV3, .carousel-innerV3 {
     height: 690px!important;
  }

  .carousel-innerV3 .item {
      padding: 0;
  }

  .imagenCarouselV3 {
      width: 100%;
      max-width: none;
      background-size: contain;
      background-repeat: no-repeat;
    height: 400px;
    }


    .carousel-captionV3 {
      
      top: 100%;
      left: 80px;
      right: 80px;
      text-align: center;
  }

  .carousel-captionV3 h3{
      font-size: 1.7em;
  }

  .carousel-captionV3 p{
      font-size: 1.1em;
  }

  .carousel-indicatorsV3 {
      top: 95%;
      left: 46%;
  }


}

@media (min-width: 501px) and (max-width: 601px){

  #portaCarousel, #myCarouselV3, .carousel-innerV3 {
     height: 750px!important;
  }

  .carousel-innerV3 .item {
      padding: 0;
  }

  .imagenCarouselV3 {
      width: 100%;
      max-width: none;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top;
      height: 300px;
    }


    .carousel-captionV3 {
      
      top: 100%;
      left: 30px;
      right: 30px;
      text-align: center;
  }

  .carousel-captionV3 h3{
      font-size: 1.7em;
  }

  .carousel-captionV3 p{
      font-size: 1.1em;
  }

  .carousel-indicatorsV3 {
      top: 95%;
      left: 45%;
  }

}

@media (max-width: 501px){

  #portaCarousel, #myCarouselV3, .carousel-innerV3 {
     height: 750px!important;
  }

  .carousel-innerV3 .item {
      padding: 0;
  }

  .imagenCarouselV3 {
      width: 100%;
      max-width: none;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top;
      height: 300px;
    }


    .carousel-captionV3 {
      
      top: 100%;
      left: 30px;
      right: 30px;
      text-align: center;
  }

  .carousel-captionV3 h3{
      font-size: 1.7em;
  }

  .carousel-captionV3 p{
      font-size: 1.1em;
  }

  .carousel-indicatorsV3 {
      top: 95%;
      left: 42%;
  }


}




/* */


.principalV9{
  background-color: #f6f7f8;
  padding: 60px;
}




/* HOME - evento */

.proximoevento{
  background-color: #f6f7f8;
  padding: 50px;
}

.eventodest h3 {
  font-size: 20px;
    font-weight: 300;
}

.eventodest h4 {
  font-size: 2.2em;
    font-weight: 400;
}


.eventodest img {
  width: 350px;
}

.estilo-finanza p {
  color: #4a5c69;
}

.estilo-finanza .infoevento {
  font-size: 20px;
    font-weight: 500;
}


/* HOME - comunicados */

.ultimoscomunicadios {
  padding: 50px;
}


.ultimoscomunicadios h3 {
  font-size: 20px;
    font-weight: 300;
}

.ultimoscomunicadios .infocomunicado {
  border-bottom: 1px solid #E7E5D9;
  margin-bottom: 15px;
}


.ultimoscomunicadios .infocomunicado .fecha {
    font-variant: small-caps;
    color: #4a5c69;
    margin-bottom: 0;
}

.ultimoscomunicadios .infocomunicado .detalle {
    color: #4a5c69;
    font-weight: 400;
}

.ultimoscomunicadios .infocomunicado .detalle i{
  color: #01babd;
}


/* HOME - destacados */

.portaDestacado{
    margin-top: 40px;
    padding-bottom: 0;
}


.HomeDestacado{
    /*height: 200px;*/
    margin-bottom: 40px!important;
}



.HomeDestacado a{
  -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}


.HomeDestacado .panel.panel-default .panel-heading{
    min-height: 90px;
}

.HomeDestacado .panels-row .panel-body {
    padding: 16px 35px!important;
}


.HomeDestacado .panel-default > .panel-heading{
  background-color: transparent;
}

.HomeDestacado h3{
  text-align: center;
  color: #92278f;
  font-size: 1.5em;
  font-weight: 500;
  font-variant: all-small-caps;
  margin-top: 15px;
}

.HomeDestacado p{
  color: #596f7e;
}

.panels-row .HomeDestacado .panel-body{
    padding: 30px 20px;
}

.HomeDestacado .panel-default:hover,
.HomeDestacado .panel-default:focus,
.HomeDestacado .panel-default:active{
  background-color: transparent!important;
  border-color: #92278f!important;
  color: #01babd!important;
  -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.HomeDestacado .panel-default:hover{
  cursor: pointer;
}



.HomeDestacado .panel-default:hover div h3,
.HomeDestacado .panel-default:focus div h3,
.HomeDestacado .panel-default:active div h3{
  color: #92278f!important;

}

.circuloDestacado {
    position: absolute;
    margin-left: 43%;
    margin-top: -25px;
    background-color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
}


@media (min-width: 500px) and (max-width: 767px){


.circuloDestacado {
    position: absolute;
    margin-left: 47%;
}

}





@media (max-width: 600px){


  .HomeDestacado{
    padding: 20px 10px;
  }

}


/* DESTACADO V2 */

.portaDestacadoV2{
    margin-top: 40px;
    padding-bottom: 0;
}


.HomeDestacadoV2{
    height: 170px;
    margin-bottom: 40px!important;
    padding: 0 30px;
}



.HomeDestacadoV2 a{
  -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}


.HomeDestacadoV2 .panel.panel-default .panel-heading{
    min-height: 90px;
}

.HomeDestacadoV2 .panels-row .panel-body {
    padding: 16px 35px!important;
}


.HomeDestacadoV2 .panel-default > .panel-heading{
  background-color: transparent;
}

.HomeDestacadoV2 h3{
  text-align: left;
  color: #92278f;
  font-size: 1.5em;
  font-weight: 500;
  font-variant: all-small-caps;
  margin-top: 15px;
}

.HomeDestacadoV2 p{
  color: #596f7e;
}

.panels-row .HomeDestacadoV2 .panel-body{
    padding: 20px 20px 20px 50px;
}

.HomeDestacadoV2 .panel-default:hover,
.HomeDestacadoV2 .panel-default:focus,
.HomeDestacadoV2 .panel-default:active{
  background-color: transparent!important;
  border-color: #92278f!important;
  color: #01babd!important;
  -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.HomeDestacadoV2 .panel-default:hover{
  cursor: pointer;
}



.HomeDestacadoV2 .panel-default:hover div h3,
.HomeDestacadoV2 .panel-default:focus div h3,
.HomeDestacadoV2 .panel-default:active div h3{
  color: #92278f!important;

}

.circuloDestacadoV2 {
    position: absolute;
    left: -7%;
    top: 30%;
    background-color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 60px;
    text-align: center;
}


@media (max-width: 600px){


  .HomeDestacadoV2{
    padding: 20px 10px;
  }

}







/* Destacados V3 */


.destacadosV3 .panels-row h3 {
    color: #92278f;
    font-variant: all-small-caps;
}

.destacadosV3 .panels-row p {
    color: #4a5c69;
}


.destacadosV3 .destacado:hover p,
.destacadosV3 .destacado:focus p{
    color: #fff;
}


.destacadosV3 {
    padding: 70px 0 0 0;
}




/* JUMBOTRONES SECCIONES */

.jumbotron{
  background-position: top;
}

.jumbotron .jumbotron_bar{
  padding: 12px 0 10px 0;
}

.jumbotron .jumbotron_body h2,
.jumbotron .jumbotron_body .h2{
  font-weight: 200;
  font-variant: all-small-caps;
  font-size: 60px;
  text-shadow: none;
  text-align: left;
  margin-bottom: 0;
  letter-spacing: 3px;
}

.jumbotron .jumbotron_body {
    padding: 0;
}

.jumbotron .jumbotron_bar {
    background: transparent;
}

.jumbotron .jumbotron_bar .breadcrumb {
    text-shadow: none;
}

.jumbotron .jumbotron_bar .breadcrumb li {
    letter-spacing: 4px;
    font-weight: 400;
    font-size: 18px;
}

.jumbotron_bar .breadcrumb > li + li:before,
.jumbotron_bar .breadcrumb > .active {
    font-weight: 200;
    font-size: 18px;
}

.jumbotron{
  background-color: #596f7e;
}


/* COMPLEMENTITOS VARIOS */


  /* QUE ES / COMO FUNCIONA */

.queEs{
  background: url("../img/que-es.jpg");
  background-size: cover;
  background-position: center;
  padding: 4rem 1.5rem;
}



.queEs p{
  color: #fff;
  font-weight: 400;
  font-size: 25px;
}






.portaQueEs .col-md-12 .row{
  padding: 60px 0;
}

.portaQueEs .col-md-10 p:first-of-type{
      letter-spacing: 4px;
}

.portaQueEs .col-md-12:nth-of-type(2) .row .col-md-10{
  text-align: right;
}


.portaQueEs .col-md-10 p:nth-of-type(2),
.portaQueEs .col-md-10 p:nth-of-type(3){
      color: #596f7e;
}

.portaQueEs .col-md-10{
  padding-top: 25px;
  padding-bottom: 25px;
}


.listaNoticias {
    list-style: none;
    padding-left: 0;
    padding-top: 10px;
}


.listaNoticias li i{
  color: #c6168d;
  font-size: 0.7em;
    vertical-align: middle;
}

.lineaSepara{
  border-bottom: 5px dotted #f7941d;
}


  /* NUMEROS */

.numeros{
  background: url("../img/bg-numeros2.jpg");
  background-size: cover;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.numeros p{
  color: #fff;
}

.numeros p:nth-of-type(1){
  font-size: 70px;
  font-weight: 500;
  margin-bottom: 0;
}

.numeros p:nth-of-type(2){
  font-variant: all-small-caps;
  margin-top: 0;
}

.numeros .miniBarrita{
  background-color: #01babd;
}

.bordeDer{
  border-right: #fff 1px solid;
  height: 170px;
}

.numeros p:not(:nth-of-type(1)),
.numeroscal p:not(:nth-of-type(1)){
  font-size: 1.3em;
  line-height: 1em;
}


@media (min-width: 992px) and (max-width: 1200px){

  .numeros p:not(:nth-of-type(1)),
  .numeroscal p:not(:nth-of-type(1)){
  font-size: 1.1em!important;
  }

}


@media (min-width: 701px) and (max-width: 991px){

  .numeros .col-md-2,
  .numeroscal .col-md-2{
    width: 18%;
    display: inline-table;
  }

  .numeros p:nth-of-type(1),
  .numeroscal p:nth-of-type(1){
    font-size: 50px;
  }

  .numeros .caps,
  .numeroscal .caps{
    font-size: 1.2em;
  }

  .numeros p:not(:nth-of-type(1)),
  .numeroscal p:not(:nth-of-type(1)){
  font-size: 1.1em!important;
  }

}

@media (min-width: 450px) and (max-width: 700px){

  .numeros .col-md-2,
  .numeroscal .col-md-2{
    width: 33%;
    display: inline-table;
  }

}

@media (max-width: 580px){

  .numeros .col-md-2
  .numeroscal .col-md-2{
    width: 100%;
    display: inline-table;
  }

}


  /* banner ACREDITACIONES en home */

.homeAcreditaciones{
  padding: 15px 0;
  background-color: #fff;
}

.homeAcreditaciones img{
  width: 85%;
}

.homeAcreditaciones h3{
  color: #01babd;
  font-variant: all-small-caps;
  margin-top: 0; 
}

.homeAcreditaciones .btn{
  width: 70%;
  color: #01babd;
  border: 3px solid #01babd;
  padding: 11px 25px!important;
}


.homeAcreditaciones .btn:hover,
.homeAcreditaciones .btn:focus {
    background-color: #01babd!important;
    color: #fff!important;
    border: 3px solid #01babd;
}

@media (min-width: 991px) and (max-width: 1199px){

  .homeAcreditaciones img{
    width: 100%;
      padding-top: 8px;
  }

}

@media (max-width: 990px){

  .homeAcreditaciones img{
    width: 60px;
  }

  .homeAcreditaciones div{
    text-align: center;
  }

  .homeAcreditaciones .btn{
  width: 200px;
  }

  .homeAcreditaciones h3{
  margin-top: 8px; 
  }

}

/* QUE ES? / COMO FUNCIONA?   -V1 */

#queEsV1,
#comoFuncionaV1{
  background-color: #f6f7f8;
}

#queEsV1 .col-md-8,
#comoFuncionaV1 .col-md-8{
  background-color: #fff;
  border: solid #ebeef0 1px;
  padding: 0;
  line-height: 28px;
}

#queEsV1 h3,
#comoFuncionaV1 h3{
  font-size: 1.4em;
  font-weight: 400;
  color: #0072bc;
  margin-top: 20px;
    padding-bottom: 5px;
}

#queEsV1 p b,
#comoFuncionaV1 p b{
  color: #596f7e;
}

#queEsV1 .col-md-8 div,
#comoFuncionaV1 .col-md-8 div{
  padding: 30px 50px 40px 50px;
}

#queEsV1 ul,
#comoFuncionaV1 ul{
  list-style: none;
    padding-left: 0;
    padding-top: 10px;
}

#queEsV1 ul li i,
#comoFuncionaV1 ul li i{
  color: #01babd;
  font-size: 0.7em;
}

#queEsV1 img,
#comoFuncionaV1 img{
  margin-bottom: 15px;
  margin-top: 0;
}


/* ACREDITACIONES */

.acreditaciones li{
  margin-bottom: 20px;
}

.nopad{
  padding: 0!important;
}

.nopad div{
  padding: 0!important;
}

.nopad .panel-body{
  padding: 20px!important;
}

.nopad .panel.panel-default .panel-heading {
    padding: 10px!important;
    min-height: 50px!important;
    background-color: #fff;
    color: #596f7e;
}

#accordionacr{
  margin: 10px 50px;
}

#accordionacr .panel.panel-default .panel-heading {
    min-height: 50px!important;
    background-color: #fff;
    color: #596f7e;
}

#accordionacr a:hover, a:focus, a:active {
    color: #01babd!important;
    text-decoration: none;
}

#accordionacr .panel:hover, .panel:focus {
    background-color: #fff!important;
}


/* GRUPOS AFINIDAD */

.portaLogos img{
  width: 140px;
  height: auto;
  margin: 0 8px;
}



  /* DESTACADOS */

.destacado {
    border-radius: 3px!important;
}

.panel small{
  color: black;
  font-weight: 300;
}


.listadoDestacados div p, .listadoDestacados2 p{
  margin-bottom: 0;
}

.listadoDestacados div h4, .listadoDestacados2 h4{
  color: #596f7e;
  font-size: 1.1em;
  font-weight: 400;
  margin-top: 0;
}

.listadoDestacados div h4 i, .listadoDestacados2 h4 i{
  font-size: 18px;
  color: #01babd;
}

.listadoDestacados a:hover h4,
.listadoDestacados a:focus h4, 
.listadoDestacados2 a:hover h4,
.listadoDestacados2 a:focus h4{
  color: #01babd!important;
}

.listadoDestacados hr, .listadoDestacados2 hr{
  margin: 15px 0;
}

  /* CIRCULOS COLORES 4 */

.discs {
    margin-top: 30px;
    margin-bottom: 30px;
}

.discs .disc {
    width: 130%;
    margin: -30px -15%;
    background: none !important;
    display: block;
    position: relative;
    height: 100%;
}

.discs .disc .text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mb-0 {
    margin-bottom: 0!important;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
}


.discs .disc:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 100%;
    border-radius: 100%;
}

.disc:after {
    background: rgba(76, 152, 201, 0.7);
}



.disc:after {
    background: rgba(76, 152, 201, 0.7);
}


.disc-blue:after, .opacity-blue {
    background: rgba(000, 160, 227, 0.7) !important;
}

.disc-green:after, .opacity-green {
    background: rgba(000, 185, 189, 0.7) !important;
}

.disc-yellow:after, .opacity-yellow {
    background: rgba(246, 146, 030, 0.7) !important;
}

.disc-pink:after, .opacity-pink {
    background: rgba(197, 022, 140, 0.7) !important;
}

.soloMobile{
  display: none;
}

@media (max-width: 767px){
  #dial2{
    display: none;
  }

  .discs .disc {
      width: 70%;
      margin: -60px auto;
  }

  .discs{
    margin-top: 60px;
  }

  .soloMobile{
  display: inline-block;
  padding-top: 20px;
  }

  .tab-content {
    padding: 5px 0!important;
  }


  .outer {
    display: block!important;
    position: relative!important;
}

.middle {
    display: block!important;
    vertical-align: top!important;
    text-align: center!important;
}

}




/* NOTICIAS */


.panel-default, .list-group {
    border: solid #ebeef0 1px;
    box-shadow: none;
}

.panels-row .panel-body {
    padding: 15px 22px;
}

.panels-row h4{
  color: #92278f;
}

.textoNoticia .subtitulo{
  font-weight: 400;
  color: #0072bc;
  margin-top: 20px;
    padding-bottom: 5px;
}

.btn-share {
    color: #fff;
    padding: 11px 14px!important;
    font-weight: 400!important;
    font-size: 12px!important;
    height: 40px;
    margin-right: 10px;
}

.btn.share-facebook {
    background: #4470cf;
}

.btn.share-twitter {
    background: #08a0e9;
}

.btn.share-linkedin {
    background: #0077b5;
}

.btn.share-mail {
    background: #ef4023;
}


.btn.share-facebook:hover, 
.btn.share-facebook:focus, 
.btn.share-facebook:active, 
.btn.share-facebook.active {
    background: #325bb3;
    color: #fff!important;
}

.btn.share-twitter:hover, 
.btn.share-twitter:focus, 
.btn.share-twitter:active, 
.btn.share-twitter.active {
    background: #4c9ec6;
    color: #fff!important;
}

.btn.share-linkedin:hover, 
.btn.share-linkedin:focus, 
.btn.share-linkedin:active, 
.btn.share-linkedin.active {
    background: #0073b1;
    color: #fff!important;
}

.btn.share-mail:hover, 
.btn.share-mail:focus, 
.btn.share-mail:active, 
.btn.share-mail.active {
    background: #d83014;
    color: #fff!important;
}



  /* DETALLE NOTICIA */


time{
  color: #596f7e;
  font-size: 1.2em;
}

.bajada{
  font-size: 21px;
  color: #596f7e;
  margin-bottom: 32px;
}

.contenedorNoticia{
  background-color: #fff;
  border: solid #ebeef0 1px;
  padding: 0;
  line-height: 28px;
}

.tituloNoticia{
  font-weight: 400;
  font-size: 1.6em;
  margin-top: 0;
}

.textoNoticia{
  padding: 5px 50px 40px 50px;
}

.textoNoticia h3,
.contenedorNoticia h3{
  font-size: 1.3em;
  color: #01babd;
}

.contenedorNoticia p b{
  color: #596f7e;
}

.destacadoNoticia{
  margin-top: 20px;
  font-weight: 400;
  font-size: 1.3em;
  letter-spacing: 1px;
  border-left: solid #596f7e 4px;
  padding-left: 15px;
}

.textoNoticia .turquesa{
  color: #01babd!important;
  font-size: 1.2em;
}


.listaNoticias li i{
  color: #01babd;
}

.relacionadas{
  padding: 5px 50px 50px 50px;
}

.relacionadas h3{
  color: #92278f;
  font-weight: 400;
  font-size: 1.2em;
}

.relacionadas img{
  margin: 0;
}

/* PERFILES PAISES */

.portaLogos div{
  width: 140px!important;
  height: auto;
  display: inline-block;
  margin: 0 8px;
  vertical-align: top;
}

.portaLogos div img{
  margin-bottom: 5px;
  padding: 15px;
}

.portaLogos div p{
  font-weight: 400;
  color: #596f7e;
  font-size: 14px;
  text-align: center;
}





/* FAQ */

  /* PREGUNTAS */

#accordion .panel.panel-default .panel-heading {
    min-height: 50px!important;
    background-color: #fff;
    color: #596f7e;
}

#accordion a:hover, a:focus, a:active {
    color: #01babd!important;
    text-decoration: none;
}

#accordion .panel:hover, .panel:focus {
    background-color: #fff!important;
}

  /* GLOSARIO */

.flechitas{
  list-style: none;
  padding-left: 0;
}

.flechitas li{
  margin-bottom: 20px;
}





/* TIMELINE - linea de tiempo */

.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 1px;
  background-color: #dbdbdb;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}


.containerr {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

.containerr::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -10px;
  background-color: #fff;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}


.containerr:nth-of-type(2) {
  margin-top: -340px;
}

.containerr:nth-of-type(3) {
  margin-top: -30px;
}

.containerr:nth-of-type(4) {
  margin-top: -200px;
}

.containerr:nth-of-type(5) {
  margin-top: -20px;
}

.containerr:nth-of-type(6) {
  margin-top: -370px;
}

.containerr:nth-of-type(7) {
  margin-top: 170px;
}

.containerr:nth-of-type(8) {
  margin-top: -230px;
}

.containerr:nth-of-type(9) {
  margin-top: -90px;
}

.containerr:nth-of-type(10) {
  margin-top: -90px;
}

.containerr:nth-of-type(11) {
  margin-top: -90px;
}

.containerr:nth-of-type(12) {
  margin-top: -200px;
}





.containerr:nth-of-type(1)::after {
  background-color: #ffd204;
}

.containerr:nth-of-type(2)::after {
  background-color: #bed62f;
}

.containerr:nth-of-type(3)::after {
  background-color: #87c979;
}

.containerr:nth-of-type(4)::after {
  background-color: #01babd;
}

.containerr:nth-of-type(5)::after {
  background-color: #00a1e4;
}

.containerr:nth-of-type(6)::after {
  background-color: #0072bc;
}

.containerr:nth-of-type(7)::after {
  background-color: #92278f;
}

.containerr:nth-of-type(8)::after {
  background-color: #c6168d;
}

.containerr:nth-of-type(9)::after {
  background-color: #ef4023;
}

.containerr:nth-of-type(10)::after {
  background-color: #f7941d;
}

.containerr:nth-of-type(11)::after {
  background-color: #ffd204;
}

.containerr:nth-of-type(12)::after {
  background-color: #bed62f;
}

.left {
  left: 0;
}

.right {
  left: 50%;
}

.flechitas .fa{
    font-size: 0.7em;
    vertical-align: middle;
}

.flechitas li{
  font-size: 16px;
}

/* Flechitas para el izq */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #fff;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #edf1f5;
}

/* Flechitas para el der */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #fff;
  border-width: 10px 10px 10px 0;
  border-color: transparent #edf1f5 transparent transparent;
}

/* Circulos para los der */
.right::after {
  left: -15px;
}

.content {
  padding: 20px 30px;
  background-color: #edf1f5;
  position: relative;
  border-radius: 6px;
}

.timeline div:nth-of-type(1) .miniBarrita{
  background-color: #ffd204;
}

.timeline div:nth-of-type(2) .miniBarrita{
  background-color: #bed62f;
}

.timeline div:nth-of-type(3) .miniBarrita{
  background-color: #87c979;
}

.timeline div:nth-of-type(4) .miniBarrita{
  background-color: #01babd;
}

.timeline div:nth-of-type(5) .miniBarrita{
  background-color: #00a1e4;
}

.timeline div:nth-of-type(6) .miniBarrita{
  background-color: #0072bc;
}

.timeline div:nth-of-type(7) .miniBarrita{
  background-color: #92278f;
}

.timeline div:nth-of-type(8) .miniBarrita{
  background-color: #c6168d;
}

.timeline div:nth-of-type(9) .miniBarrita{
  background-color: #ef4023;
}

.timeline div:nth-of-type(10) .miniBarrita{
  background-color: #f7941d;
}

.timeline div:nth-of-type(11) .miniBarrita{
  background-color: #ffd204;
}

.timeline div:nth-of-type(12) .miniBarrita{
  background-color: #bed62f;
}

.timeline div:nth-of-type(1) i{
  color: #ffd204;
}

.timeline div:nth-of-type(2) i{
  color: #bed62f;
}

.timeline div:nth-of-type(3) i{
  color: #87c979;
}

.timeline div:nth-of-type(4) i{
  color: #01babd;
}

.timeline div:nth-of-type(5) i{
  color: #00a1e4;
}

.timeline div:nth-of-type(6) i{
  color: #0072bc;
}

.timeline div:nth-of-type(7) i{
  color: #92278f;
}

.timeline div:nth-of-type(8) i{
  color: #c6168d;
}

.timeline div:nth-of-type(9) i{
  color: #ef4023;
}

.timeline div:nth-of-type(10) i{
  color: #f7941d;
}

.timeline div:nth-of-type(11) i{
  color: #ffd204;
}

.timeline div:nth-of-type(12) i{
  color: #bed62f;
}

@media all and (max-width: 600px) {
  .timeline::after {
    left: 31px;
  }

  .containerr {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
    margin-top: 40px!important;
  }

  .containerr::before {
    left: 60px;
    border: #edf1f5 solid #edf1f5;
    border-width: 10px 10px 10px 0;
    border-color: transparent #edf1f5 transparent transparent;
  }

  .left::after, .right::after {
    left: 15px;
  }

  .right {
    left: 0%;
  }
}

.content a{
  color: #01babd;
  text-decoration: none;
  font-weight: 300;
}

.content a:hover, .content a:focus, .content a:active{
  color: #01babd!important;
  opacity: 0.7;
  text-decoration: none!important;
}


.modalhistorico .modal-header {
    padding: 15px 15px 0px 0px;
    border-bottom: none;
}


.modalhistorico .modal-dialog {
    width: 60%;
}

a[data-toggle="modal"] { 
    cursor: pointer;
}


/* CALENDARIO */

.calendarioEventos h3{
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  padding: 5px 0 7px 0;
}

.changeCalendar{
    color: #596f7e;
    font-variant: all-small-caps;
    font-size: 1.2em;
}

  /* numeros */

.numeroscal{
  background: url("../img/bg-numeros3.jpg");
  background-size: cover;
  background-position: top;
}

  /* selects */

#eventos label{
  display: block;
  color: #596f7e;
  font-weight: 500;
  font-size: 1.1em;
}

#eventos select{
  width: 100%;
  height: 50px;
}

  /* v filtros */

#eventosV2 select,
#eventosV2 input[type="text"]{
  width: 100%;
  height: 40px;
  border-width: 2px;
  border-color: #01babd;
  font-size: 15px;
}

#eventosV2 button{
  height: 40px;
  width: 40px;
    border: none;
    background-color: #01babd;
    color: #fff;
    padding-top: 10px;
    padding-left: 12px;
    border-radius: 4px 0 0 4px;
    border-radius: 0 4px 4px 0;
}


#referencias .fa{
  font-size: 22px;
}

#referencias span{
  font-size: 17px;
  margin-right: 20px;
  margin-left: 3px;
  color: #596f7e;
}

#referencias a{
  margin-top: -10px;
}

#eventosV2 label{
  color: #596f7e;
}


#referencias{
  margin-top: 25px;
}


@media (max-width: 991px){

  #contenedorDescargar{
    margin-top: 20px;
      text-align: left;
    }

}


  /* error */

#calendarioError{
  margin-top: 35px;
}

#calendarioError i{
  color: #f7941d;
  font-size: 90px;
}

#calendarioError p{
  color: #596f7e;
}



  /* v3 */

.calendarioContenedor{
  background-color: #fff;
}

/*
.mesesCalendario td{
  width: 12%;
  border: solid #ebeef0 1px;
  padding: 10px 20px;
}

.mesesCalendario td p{
  margin-bottom: 0;
  color: #0072bc;
  font-weight: 400;
  text-transform: uppercase;
    font-size: 0.8em;
}

.mesesCalendario td p:hover,
.mesesCalendario td p:focus{
  color: #596f7e;
}

.mesesCalendario td small{
  color: #596f7e;
  font-variant: all-small-caps;
  font-size: 1em;
  font-weight: 400;
}

.tiposCalendario td{
  padding: 15px 20px;
  background-color: #ebeef0;
  font-variant: all-small-caps;
  font-size: 1.3em;
  font-weight: 400;
}
*/

.tiposCalendario td:nth-of-type(1) a{
  color: #01babd;
}

.tiposCalendario td:nth-of-type(2) a{
  color: #c6168d;
}

.tiposCalendario td:nth-of-type(3) a{
  color: #92278f;
}

.tiposCalendario td:nth-of-type(4) a{
  color: #ef4023;
}

.tiposCalendario td a:hover,
.tiposCalendario td a:focus{
  color: #596f7e!important;
}



.calendarioEventos{
  padding-bottom: 20px;
}





/* v4 */


.item {
    display: none; /* Hidden by default */
}

/* The "show" class is added to the filtered elements */
.show {
    display: block;
}

.switch-field {
  padding: 10px 0 40px 0;
  overflow: hidden;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}



.switch-field label {
  float: left;
  display: inline-block;
  width: 200px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 6px 14px;
  border: 1px solid;
}

.switch-field label:hover {
  cursor: pointer;
}


.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}



.switch-field label:nth-of-type(1){
  border-color: #01babd;
}

.switch-field label:nth-of-type(2){
  border-color: #ea1d76;
  color: #ea1d76!important;
  -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-left: none!important;
}


.switch-field label:nth-of-type(3){
  border-color: #873299;
  color: #873299!important;
  -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-left: none!important;
}


.switch-field label:nth-of-type(4){
  border-color: #ef4023;
  color: #ef4023!important;
  -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-left: none!important;
}


.switch-field input:checked + label:nth-of-type(1) {
  background-color: #01babd;
  color: #fff!important;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.switch-field input:checked + label:nth-of-type(2) {
  background-color: #ea1d76;
  color: #fff!important;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.switch-field input:checked + label:nth-of-type(3) {
  background-color: #873299;
  color: #fff!important;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.switch-field input:checked + label:nth-of-type(4) {
  background-color: #ef4023;
  color: #fff!important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 581px) and (max-width: 991px){

  .switch-field label:nth-of-type(2){
    margin-right: 150px;
      border-radius: 0 4px 4px 0;
  }

  .switch-field label:nth-of-type(3) {
    border-radius: 4px 0 0 4px;
    border-left: 1px solid  #92278f!important;
  }
}

@media (min-width: 450px) and (max-width: 580px){
  .switch-field label:nth-of-type(2){
    margin-right: 20px;
      border-radius: 0 4px 4px 0;
  }

  .switch-field label:nth-of-type(3) {
    border-radius: 4px 0 0 4px;
    border-left: 1px solid  #92278f!important;
  }
}

@media (max-width: 449px){
  .switch-field label {
      width: 100%!important;
      border-radius: 4px!important;
  }

  .switch-field label:nth-of-type(1){
    border-left: solid 1px #01babd!important;
  }

  .switch-field label:nth-of-type(2){
    border-left: solid 1px #ea1d76!important;
}


  .switch-field label:nth-of-type(3){
    border-left: solid 1px #873299!important;
  }


  .switch-field label:nth-of-type(4){
    border-left: solid 1px #ef4023!important;
  }

}


#paginator,
.pagination{
  list-style: none;
}


#paginator li,
.pagination li{
  display: inline-block;
  margin-right: 5px;
  height: 52px;
}

#paginator li a,
.pagination li a,
.pagination li span{
  background: #fff;
    border-radius: 100%!important;
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
}

#paginator > li > a,
.pagination > li > a,
.pagination > li > span{
  float: none;
    display: inline;
    border: 0;
    padding: 12px 13px;
    margin: 0;
    color: #404040;
    font-size: 14px;
    vertical-align: middle;
}


#paginator > li:nth-of-type(1) > a,
.pagination > li:nth-of-type(1) > a,
.pagination > li:nth-of-type(1) > span,
#paginator > li:nth-of-type(2) > a,
.pagination > li:nth-of-type(2) > a,
.pagination > li:nth-of-type(2) > span,
#paginator > li:nth-of-type(3) > a,
.pagination > li:nth-of-type(3) > a,
.pagination > li:nth-of-type(3) > span,
#paginator > li:nth-of-type(4) > a,
.pagination > li:nth-of-type(4) > a,
.pagination > li:nth-of-type(4) > span,
#paginator > li:nth-of-type(5) > a,
.pagination > li:nth-of-type(5) > a,
.pagination > li:nth-of-type(5) > span,
#paginator > li:nth-of-type(6) > a,
.pagination > li:nth-of-type(6) > a,
.pagination > li:nth-of-type(6) > span,
#paginator > li:nth-of-type(7) > a,
.pagination > li:nth-of-type(7) > a,
.pagination > li:nth-of-type(7) > span,
#paginator > li:nth-of-type(8) > a,
.pagination > li:nth-of-type(8) > a,
.pagination > li:nth-of-type(8) > span,
#paginator > li:nth-of-type(9) > a,
.pagination > li:nth-of-type(9) > a,
.pagination > li:nth-of-type(9) > span{
    padding: 12px 18px;
}


.pagination > .pager-last > a,
.pagination > .pager-first > a{
  padding: 12px 13px!important;
}

.pagination > .prev > a,
.pagination > .next > a{
  padding: 12px 18px!important;
}

#paginator .active a,
.pagination .active span{
  background-color: #01babd!important;
  color: #fff!important;
}


/* V8 */

#degportada{
  height: 450px;
  width: 100%;
  background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.9));
    bottom: 0;
}


#degportada div{
    vertical-align: bottom;
    margin-top: 50px;
    text-align: center;
}

#degportada h2{
    font-size: 40px;
    color: #fff;
    font-weight: 300;
  }

  #degportada p{
    font-size: 20px;
    color: #fff;
  }

@media (max-width: 1200px){
  #degportada h2{
    font-size: 30px;
  }

  #degportada p{
    font-size: 18px;
  }
}


  /* eventos */

.calendarioEventos .col-md-2,
.calendarioEventos .col-md-3{
  border: solid 2px;
    text-align: center;
    margin-top: 30px;
    margin-right: 20px;
    width: 100px;
    height: 80px;
    padding: 0;
}

.calendarioEventos .col-md-3{
  margin-top: 38px;
}

.calendarioEventos .col-md-10,
.calendarioEventos .col-md-9{
  margin-top: 28px;
}

.calendarioEventos .col-md-10 p:first-of-type,
.calendarioEventos .col-md-9 p:first-of-type {
    margin-bottom: 6px;
}

.dia{
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
}

.mes{
  font-weight: 400;
  font-size: 14px;
}

.calendarioEventos i{
  width: 20px;
  text-align: center;
  margin-right: 5px;
}

.calendarioEventos .col-md-10 p,
.calendarioEventos .col-md-9 p{
  color: #596f7e;
  font-weight: 400;
}

.col-md-2.estilo-sherpa,
.col-md-3.estilo-sherpa{
  border-color: #ea1d76;
}

.col-md-2.estilo-sherpa p,
.col-md-3.estilo-sherpa p,
.estilo-sherpa i{
  color: #ea1d76;
}


.col-md-2.estilo-finanza,
.col-md-3.estilo-finanza{
  border-color: #873299;
}

.col-md-2.estilo-finanza p,
.col-md-3.estilo-finanza p,
.estilo-finanza i{
  color: #873299;
}

.col-md-2.estilo-afinidad,
.col-md-3.estilo-afinidad{
  border-color: #ef4023;
}

.col-md-2.estilo-afinidad p,
.col-md-3.estilo-afinidad p,
.estilo-afinidad i{
  color: #ef4023;
}

.calendarioEventos h4{
  font-weight: 500;
  font-size: 1.1em;
    padding-top: 7px;
}


.listaEventos{
  list-style: none;
}


.btn-calendario{
  background-color: #fff;
  padding: 11px 20px!important;
  min-width: 180px!important;
  font-size: 12px;
}


@media (max-width: 991px){

  .calendarioEventos .col-md-2, .calendarioEventos .col-md-3 {
      width: 100%;
  }

  .listaEventos {
      padding: 0 30px;
  }

}




/* eventos v2 */

.calendarioV2 h3{
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  padding: 5px 0 7px 0;
}

.calendarioV2 .col-md-1{
  margin-top: 10px!important;
    margin-left: 10px;
    margin-right: 0px!important;
    padding-right: 0px!important;
}


.calendarioV2 .col-md-5{
      padding-left: 23px!important;
    padding-right: 0px!important;
    width: 75px;
}

.contenedorFecha{
  width: 180px!important;
}


/* eventos v3 */

.fechaDesde,
.fechaHasta,
.fechaUnica{
  font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.fechaDesde{
    margin-top: 12px;
    margin-bottom: 0;
}

.fechaHasta{
  margin-top: 12px;
}

.fechaUnica{
  margin-top: 24px;
  margin-bottom: 0;
}

.guion{
  line-height: 6px;
  margin: 0;
  margin-top: -5px; 
}

.calendarioEventos hr{
  margin: 24px 0 10px 0!important;
}

.calendarioEventos h4{
  font-weight: 300;
}

.calendarioEventos p{
  font-weight: 500!important;
  color: #596f7e;
}

.calendarioEventos .fa-calendar{
  margin-left: 5px;
}


/* PRIORIDADES */

.homeprioridades{
    margin-bottom: 20px;
}

.homeprioridades img{
  height: 90px;
}

.homeprioridades img:last-child{
  height: auto;
}

.homeprioridades h4{
  font-variant: all-small-caps;
}



.tab-content{
  padding: 5px 50px 0 50px;
}


/*#listaprioridades{
  margin-bottom: 30px;
  width: 70%;
  margin-left: 15%;
}*/
#listaprioridades{
  margin-bottom: 30px;
    width: 850px;
    margin: auto;
    
 }



.hr-prioridades{
  border-top: 3px solid #f7941f;
}


@media (max-width: 991px){
  #listaprioridades{
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0;
  }
  .col-md-4:last-child .hr-prioridades{
  display: none;
  }
  .genero{
    margin: 20px 0px;
  }
  #listaprioridades li a h3{
    font-size: 22px;
  }
}

@media (max-width: 420px){
  #listaprioridades li{
  display: block;
  width: 100%!important;
  }

  .flex-center{
    display: block!important;
  }

}

#listaprioridades li{
  width: 33%;
}

#listaprioridades li a img{
  width: 74px;
  margin-top: 20px;
}


#listaprioridades li a h3{
  color: #596f7e;
}

.space10 {
    height: 10px;
    width: 100%;
}

.tab-pane p b{
  color: #f7941d;
  font-size: 20px;
}


.nav-tabs {
    border: 0;
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

}

#listaprioridades > li {
    margin: 0;
    float: none;
}

#listaprioridades > li > a {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    color: #404040;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    display: inline-block;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}


#listaprioridades > li > a:hover,
#listaprioridades > li > a:focus{
  background-color: transparent!important;
  opacity: 0.8;
}

.tab-content ul li h3{
  padding-bottom: 10px;
}

.tab-content ul li.active h3{
  border-bottom: dotted 2px #596f7e;
}


.prioridadesBotones p{
  color: #596f7e;
  font-weight: 200;
  font-size: 1.2em;
}

@media (max-width: 550px){

  #listaprioridades{
    display: block;
  }

  #listaprioridades li{
  width: 100%;
  }

}


/* MAPA */

.listaMapa h3{
  font-size: 1.3em;
}

.listaMapa ul{
  list-style: none;
  padding-left: 0;
  padding-top: 10px;
}

.listaMapa ul li{
  line-height: 1.6em;
}

.listaMapa ul li a{
  font-weight: 400;
}

.listaMapa ul a:hover,
.listaMapa ul a:focus{
  color: #01babd!important;
}

.listaMapa ul li i{
  color: #c6168d;
  font-size: 0.7em;
    vertical-align: middle;
}

#mapaPlaceholder{
  margin: -24px 0 0 -51px!important;
}




/* DETALLE PROVINCIA */

  /* ficha tecnica */

.fichaTecnica{
  background-color: #fff;
  border: solid #ebeef0 1px;
  line-height: 28px;
  padding: 15px 30px;
  margin-top: 0;
  margin-bottom: 15px!important;
}

.fichaTecnica ul,
.fichaTecnica2{
  list-style: none;
  padding: 0;
  color: #596f7e;
  margin-top: 18px;
}

.fichaTecnica ul li,
..fichaTecnica2 li{
  line-height: 40px;
  font-size: 1em;
}

.fichaTecnica i,
.fichaTecnica2 i{
  color: #92278f;
  margin-right: 5px;
    font-size: 1.3em;

}

.fichaTecnica h3
.fichaTecnica2 h3{
  border-bottom: dotted #c6168d 3px;
  padding-bottom: 8px;
  margin-top: 0;
}

  /* texto inicial */

.textoProvincia{
  color: #596f7e;
  font-size: 1em;
  line-height: 2em;
  padding-right: 80px;
}


  /* banner calendario */

.bannerProvincia{
  background: url('../img/bg-banner.jpg');
  background-color: #596f7e;
  padding: 18px 30px;
  background-size: cover;
}

.bannerProvincia h3{
  margin-top: 0;
  margin-bottom: 0;
  line-height: 35px;
  margin-bottom: 15px!important;
}

.bannerProvincia p{
  line-height: 25px;
  font-size: 16px;
}

.bannerProvincia .btn{
      margin-top: 15px!important;
}

.banner2{
      margin-top: 20px;
      background: url('../img/bg-banner2.jpg');
}

.bannerProvincia:nth-of-type(2) .btn:hover{
      color: #0072bc!important;
}

.bannerProvincia:nth-of-type(3) .btn:hover{
      color: #92278f!important;
}

  /* iconos */

.iconoProvincia{
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background-size: contain;
}

.textoNoticia h3:nth-of-type(1) .iconoProvincia{
  background-image: url('../img/provincias/icono-turismo-01.png');
}

.textoNoticia h3:nth-of-type(2) .iconoProvincia{
  background-image: url('../img/provincias/icono-turismo-02.png');
}

  /* img */

  .textoNoticia img{
    margin-top: 40px;
    margin-bottom: 40px;
  }


  /* destacado */

  .destacado-provincia{
      padding: 1rem;
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
      border: 1px solid;
      border-left-width: .50rem;
      border-radius: .25rem;
      border-color: #c6168d;
  }

  .destacado-provincia b{
    font-weight: 500;
  }

  .destacado-provincia p{
    margin-bottom: 0;
  }

/* areas tematicas */

.areat{

  height: 200px;
  /*width: 25%;
  margin: 0px -2px;
  display: inline-grid;
  padding: 10px 20px;*/
  text-align: center;
  -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.areat i,
.areat:not(:nth-of-type(1)) h3 {
  color: #fff;
}

.areat i{
  font-size: 3em;
  margin-top: 40px;
}

.areat h3{
  margin-top: 0;
  font-weight: 300;
  font-size: 1.5em;
}

.areat:nth-of-type(1){
  background-color: #fff;
}

.areat:nth-of-type(2){
  background-color: #87c979;
}
.areat:nth-of-type(3){
  background-color: #01babd;
}
.areat:nth-of-type(4){
  background-color: #0072bc;
}
.areat:nth-of-type(5){
  background-color: #c6168d;
}
.areat:nth-of-type(6){
  background-color: #ef4023;
}
.areat:nth-of-type(7){
  background-color: #f7941d;
}
.areat:nth-of-type(8){
  background-color: #c6168d;
}
.areat:nth-of-type(9){
  background-color: #01babd;
}
.areat:nth-of-type(10){
  background-color: #0072bc;
}
.areat:nth-of-type(11){
  background-color: #01babd;
}
.areat:nth-of-type(12){
  background-color: #ef4023;
}





.areat:not(:nth-of-type(1)):hover,
.areat:not(:nth-of-type(1)):focus,
.areat:not(:nth-of-type(1)):active{
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}



.areat:not(:nth-of-type(1)) img{
  max-width: 90px;
  padding-top: 35px;
  padding-bottom: 5px;
}

.areag20{
    max-width: 65%!important;
}

.areat img{
  max-width: 200px;
  padding-top: 50px;
  padding-bottom: 5px;
}

@media (min-width: 992px) and (max-width: 1200px){
  .areat{
  width: 33%;
  }


}




@media (max-width: 991px){
  .areat{
  width: 100%;
  height: 200px;
  margin: 0px -2px;
  text-align: center;
  padding: 10px 20px;
  }

/*    .areat:nth-of-type(1){
  display: none;
}*/
}


.portaAreas{
  padding: 0;
}

.portaAreas p,
.portaAreas .listaNoticias li{
  font-size: 16px;
    line-height: 23px;
}

.portaAreas p b,
.portaAreas p strong{
  color: #596f7e;
}

.portaAreas h3{
  color: #596f7e;
  font-size: 1.3em;
  margin-top: 0;
}


.portaAreas ul {
    list-style: none;
    padding-left: 0;
    padding-top: 10px;
}

.portaAreas ul li{
  font-size: 16px;
    line-height: 23px;
}


.portaAreas ul li i{
  color: #c6168d;
  font-size: 0.7em;
    vertical-align: middle;
}

  /* detalle */

.color-azul{
  color: #0072bc!important;
}
.areaDetalle h3 i{
  color: #c6168d;
  font-size: 0.7em;
  vertical-align: middle;
}

.areaDetalle h3{
  font-size: 1.5em;
  margin-top: 25px;
  margin-bottom: 15px;
  color: #0072bc;
  font-variant: all-small-caps;
}

.areaDetalle b{
  color: #596f7e;
}


#collapse1 .listaNoticias i {
  color: #f7941d;
}

#collapse2 .listaNoticias i {
  color: #ffd204;
}

#collapse3 .listaNoticias i {
  color: #bed62f;
}

#collapse4 .listaNoticias i {
  color: #87c979;
}

#collapse5 .listaNoticias i {
  color: #01babd;
}

#collapse6 .listaNoticias i {
  color: #00a1e4;
}

#collapse7 .listaNoticias i {
  color: #0072bc;
}

#collapse8 .listaNoticias i {
  color: #92278f;
}

#collapse9 .listaNoticias i {
  color: #c6168d;
}

#collapse10 .listaNoticias i {
  color: #ef4023;
}

.areaDetalleDocs .listaNoticias a{
  color: #01babd;
    text-decoration: none;
    font-weight: 400;
}

.tituloArchivos{
  color: #596f7e!important;
  font-weight: 200;
  font-size: 33px!important;
}

.areaDetalleDocs h4{
  font-size: 20px;

}

.areaDetalleDocs h5{
  color: #596f7e;
    font-weight: 400;
    font-size: 19px;
    margin-top: 16px;
    margin-bottom: 0;
}


/* AFINIDAD */


.portaAfinidad{
  padding: 5px 50px 40px 50px;
}


.portaAfinidad p b{
  color: #596f7e;
}

.portaAfinidad .h5{
  color: #596f7e;
}

.dial, .dial2 {
    height: 500px;
    width: 500px;
    border-radius: 100%;
    position: relative;
    margin: 50px auto;
    border: 1px solid rgba(0, 0, 0, 0.1);
    list-style-type: none;
    padding: 0;
    display: block;
}
ul.dial li {
    display: block;
}
.dial-item, .dial-item2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    
}

.dial-item{
  width: 64px;
    height: 64px;
}
.dial-item2{
  width: 45px;
  height: 45px;
}

.dial-item span, .dial-item2 span {
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.dial-item:hover span,
.dial-item.active span, .dial-item.active img, .dial-item:hover img, .dial-item2:hover span,
.dial-item2.active span, .dial-item2.active img, .dial-item2:hover img{
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}
.dial-item-info, .dial-item-info2 {
    position: absolute;
    margin: auto;
    right: 0;
    left: 0;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: none;
    width: 70%;
    height: 70%;
    padding: 0 20px;
}
.dial-item-info-inner, .dial-item-info2-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
          
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}
.dial-item-info-inner p, .dial-item-info2 p {
    margin: 0;
}
ul.dial li:first-child .dial-item-info, .dial-item-info2 {
    display: block;
}


.inverse-text:not(.navbar):not(.nav-wrapper) hr,
.inverse-text #comments ol.commentlist li,
.inverse-text .nav-tabs-lined.nav-tabs-lined-bottom,
.inverse-text .nav-tabs-lined.nav-tabs-lined-top,
.inverse-text .nav-tabs.nav-stacked,
.inverse-text .nav-tabs.nav-stacked > li,
.inverse-text .panel-group-border .panel,
.inverse-text .panel-group-border .panel > .panel-heading + .panel-collapse .panel-body,
.inverse-text .panel-group-lined .panel-heading .panel-title,
.inverse-text .divider-icon:before,
.inverse-text .divider-icon:after,
.inverse-text .dial,
.inverse-text .box.border {
    border-color: rgba(255, 255, 255, 0.15);
}

.icon-bg i, .icon-border i, .icon .number, .icon .date {
    display: table-cell;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
}

.icon .number {
    font-weight: 500;
}

.dial-item span, .dial-item img, .dial-item2 span, .dial-item2 img, .bw-img img {
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.logosafinidad{
  width: 180px;
  margin-bottom: 10px;
}


.icon:not(.icon-img) {
    line-height: 1;
}

.icon-bg {
    color: #FFF;
    width: 64px;
    height: 64px;
    max-width: 64px;
    max-height: 64px;
    border-radius: 100%;
    display: table;
    background-size: contain!important;
}

.icon-xs {
    font-size: 22px;
}



/*
.dial li:nth-of-type(1) .dial-item .icon-bg{
  background-color: #0072bc;
}

.dial li:nth-of-type(2) .dial-item .icon-bg{
  background-color: #c6168d;
}

.dial li:nth-of-type(3) .dial-item .icon-bg{
  background-color: #ef4023;
}

.dial li:nth-of-type(4) .dial-item .icon-bg{
  background-color: #f7941d;
}

.dial li:nth-of-type(5) .dial-item .icon-bg{
  background-color: #01babd;
}

.dial li:nth-of-type(6) .dial-item .icon-bg{
  background-color: #87c979;
}

.dial li:nth-of-type(7) .dial-item .icon-bg{
  background-color: #92278f;
}
*/

.dial li:nth-of-type(1) .dial-item .icon-bg{
  background: url(../img/afinidad/iconos/icono-01.png);
}

.dial li:nth-of-type(2) .dial-item .icon-bg{
  background: url(../img/afinidad/iconos/icono-02.png);
}

.dial li:nth-of-type(3) .dial-item .icon-bg{
  background: url(../img/afinidad/iconos/icono-03.png);
}

.dial li:nth-of-type(4) .dial-item .icon-bg{
  background: url(../img/afinidad/iconos/icono-04.png);
}

.dial li:nth-of-type(5) .dial-item .icon-bg{
  background: url(../img/afinidad/iconos/icono-05.png);
}

.dial li:nth-of-type(6) .dial-item .icon-bg{
  background: url(../img/afinidad/iconos/icono-06.png);
}

.dial li:nth-of-type(7) .dial-item .icon-bg{
  background: url(../img/afinidad/iconos/icono-07.png);
}


@media (max-width: 620px){


  .dial:not(.noResponsive), .dial2:not(.noResponsive) {
        border-radius: 0;
        border: none;
        width: 100%;
    }

    .dial:not(.noResponsive) li, .dial2:not(.noResponsive) li  {
        margin-bottom: 20px;
    }

    .dial-item-info:not(.noResponsive), .dial-item-info2:not(.noResponsive) {
        padding: 16px 10px;
        display: block !important;
        position: static;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .dial-item,  .dial-item2 {
      display: none;
    }

    .dial-item-info, .dial-item-info2 {
        background: none;
    }

    /*[class*="col-"] {
        margin-bottom: 30px
    }*/


  .portaAfinidad {
    padding: 5px 10px!important;
  }

  #portainfoafinidad .col-md-4,
  #portainfoafinidad .col-md-8 {
    height: auto!important;
}

}

#listaafinidades{
    margin-bottom: 30px;
}


@media (min-width: 992px) and (max-width: 1200px){

  #portainfoafinidad{
    padding-left: 0!important;
    padding-right: 0!important;
  }

}

@media (min-width: 421px) and (max-width: 991px){
  #portainfoafinidad .btn{
    display: block;
    width: 50%;
      margin-left: 25%!important;
  }

  #listaafinidades{
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0;
  }

  .inner{
    text-align: center;
  }

  #portainfoafinidad .col-md-4{
    height: 200px!important;
  }

  #portainfoafinidad .col-md-8{
    height: 350px!important;
  }


}


@media (max-width: 540px){
    #portainfoafinidad .col-md-4{
    height: 200px!important;
  }

  #portainfoafinidad .col-md-8{
    height: 500px!important;
  }

}

@media (max-width: 420px){
  #listaafinidades li{
  display: block;
  width: 50%!important;
  }

  .flex-center{
    display: block!important;
  }
}


  /* magia para el vertical align */

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
}

.portaAfinidad .tab-pane p,
.portaAfinidad .tab-pane li{
  font-size: 16px;
    line-height: 23px;
}

#listaafinidades li{
  width: 33%;
}

#listaafinidades li a img{
  width: 74px;
  margin-top: 20px;
}


#listaafinidades li a h3{
  color: #596f7e;
  font-size: 1.2em;
  padding-bottom: 10px;
}

#listaafinidades li.active h3 {
    border-bottom: dotted 2px;
}

  /* colores bordes punteados */

#listaafinidades li:nth-of-type(1).active h3 {
    border-color: #0072bc;
}

#listaafinidades li:nth-of-type(2).active h3 {
    border-color: #c6168d;
}

#listaafinidades li:nth-of-type(3).active h3 {
    border-color: #ef4023;
}

#listaafinidades li:nth-of-type(4).active h3 {
    border-color: #f7941d;
}

#listaafinidades li:nth-of-type(5).active h3 {
    border-color: #01babd;
}

#listaafinidades li:nth-of-type(6).active h3 {
    border-color: #87c979;
}

#listaafinidades li:nth-of-type(7).active h3 {
    border-color: #92278f;
}


#portainfoafinidad .btn{
  font-size: 12px;
  height: 40px;
  padding: 10px 50px;
  margin: 10px 40px;
}


.logosafinidadinfo{
  width: 280px;
}

#portainfoafinidad .col-md-4,
#portainfoafinidad .col-md-8{
  height: 280px;
}

    /* colores botones */

.portaAfinidad .tab-pane:nth-of-type(1) .btn {
    background-color: #0072bc!important;
    display: none!important;
}

.portaAfinidad .tab-pane:nth-of-type(2) .btn {
    background-color: #c6168d!important;
    display: none!important;
}

.portaAfinidad .tab-pane:nth-of-type(3) .btn {
    background-color: #ef4023!important;
    display: none!important;
}

.portaAfinidad .tab-pane:nth-of-type(4) .btn {
    background-color: #f7941d!important;
    display: none!important;
}

.portaAfinidad .tab-pane:nth-of-type(5) .btn {
    background-color: #01babd!important;
    display: none!important;
}

.portaAfinidad .tab-pane:nth-of-type(6) .btn {
    background-color: #87c979!important;
    display: none!important;
}

.portaAfinidad .tab-pane:nth-of-type(7) .btn {
    background-color: #92278f!important;
    display: none!important;
}

.portaAfinidad .tab-pane .btn:hover,
.portaAfinidad .tab-pane .btn:focus{
  opacity: 0.8;
}

.afinidadesListita{
  list-style: none;
  padding-left: 0;
}

.afinidadesListita li i{
  font-size: 10px;
    vertical-align: top;
    padding-top: 5.5px;
}

  /* esto le da color a los bullets y al parrafito */

#portainfoafinidad .tab-pane:nth-of-type(1) .afinidadesListita i,
#portainfoafinidad .tab-pane:nth-of-type(1) .afinidadesParrafito{
    color: #0072bc!important;
}

#portainfoafinidad .tab-pane:nth-of-type(2) .afinidadesListita i,
#portainfoafinidad .tab-pane:nth-of-type(2) .afinidadesParrafito{
    color: #c6168d!important;
}

#portainfoafinidad .tab-pane:nth-of-type(3) .afinidadesListita i,
#portainfoafinidad .tab-pane:nth-of-type(3) .afinidadesParrafito{
    color: #ef4023!important;
}

#portainfoafinidad .tab-pane:nth-of-type(4) .afinidadesListita i,
#portainfoafinidad .tab-pane:nth-of-type(4) .afinidadesParrafito{
    color: #f7941d!important;
}

#portainfoafinidad .tab-pane:nth-of-type(5) .afinidadesListita i,
#portainfoafinidad .tab-pane:nth-of-type(5) .afinidadesParrafito{
    color: #01babd!important;
}

#portainfoafinidad .tab-pane:nth-of-type(6) .afinidadesListita i,
#portainfoafinidad .tab-pane:nth-of-type(6) .afinidadesParrafito{
    color: #87c979!important;
}

#portainfoafinidad .tab-pane:nth-of-type(7) .afinidadesListita i,
#portainfoafinidad .tab-pane:nth-of-type(7) .afinidadesParrafito{
    color: #92278f!important;
}



/*
esto era para cuando los círculos eran plenos de colores en vez del ícono


.dial li:nth-of-type(1) .dial-item .icon-bg{
  background-color: #0072bc;
}

.dial li:nth-of-type(2) .dial-item .icon-bg{
  background-color: #c6168d;
}

.dial li:nth-of-type(3) .dial-item .icon-bg{
  background-color: #ef4023;
}

.dial li:nth-of-type(4) .dial-item .icon-bg{
  background-color: #f7941d;
}

.dial li:nth-of-type(5) .dial-item .icon-bg{
  background-color: #01babd;
}

.dial li:nth-of-type(6) .dial-item .icon-bg{
  background-color: #87c979;
}

.dial li:nth-of-type(7) .dial-item .icon-bg{
  background-color: #92278f;
}
*/

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: transparent;
    cursor: default;
    background-color: transparent;
    border: none!important;
}

.panels-row .panel:hover i,
.panels-row .panel:focus i{
    color: #fff;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    border: none!important;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent!important;
}


/* KIT DE PRENSA */

.contKit{
  width: 18%;
  margin-right: 20px;
}

.contKit:last-of-type{
  margin-right: 0;
}

.contKit .panel.panel-default .panel-heading {
    min-height: 90px;
}

.contKit .panels-row .panel-body {
    padding: 16px 35px!important;
}

.contKit i{
  font-size: 3em;
  margin-top: 12px;
  color: #92278f;
}

.contKit .panel-default > .panel-heading{
  background-color: transparent;
}

.contKit h3{
  text-align: center;
  color: #01babd;
  font-size: 1.3em;
  font-weight: 500;
  font-variant: all-small-caps;
}

.panels-row .contKit .panel-body {
    padding: 15px 20px;
}



  /* V2 */

.contKit2{
  width: 18%;
  height: 200px;
  margin-right: 20px;
}

.contKit3{
  width: 30%;
  height: 200px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.contKit4{
  width: 23%;
  height: 200px;
  margin-right: 20px;
  margin-bottom: 40px!important;
}


.contKit5{
  width: 23%;
  margin-right: 20px;
  margin-bottom: 30px;
}




.contKit2 a,
.contKit3 a,
.contKit4 a,
.contKit5 a{
  -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.contKit2:last-of-type,
.contKit3:last-of-type,
.contKit4:last-of-type,
.contKit5:last-of-type{
  margin-right: 0;
}

.contKit2 .panel.panel-default .panel-heading,
.contKit3 .panel.panel-default .panel-heading,
.contKit4 .panel.panel-default .panel-heading{
    min-height: 90px;
}

.contKit2 .panels-row .panel-body,
.contKit3 .panels-row .panel-body,
.contKit4 .panels-row .panel-body,
.contKit5 .panels-row .panel-body
 {
    padding: 16px 35px!important;
}



.contKit2 .panel-default > .panel-heading,
.contKit3 .panel-default > .panel-heading,
.contKit4 .panel-default > .panel-heading,
.contKit5 .panel-default > .panel-heading{
  background-color: transparent;
}

.contKit2 h3,
.contKit3 h3,
.contKit4 h3,
.contKit5 h3{
  text-align: center;
  color: #01babd;
  font-size: 1.2em;
  font-weight: 500;
  font-variant: all-small-caps;
  margin-top: 15px;
}


.contKit5 a.panel{
  margin-bottom: 0px!important;
}
.contKit2 p,
.contKit3 p,
.contKit4 p,
.contKit5 p{
  color: #596f7e;
}

.panels-row .contKit2 .panel-body,
.panels-row .contKit3 .panel-body,
.panels-row .contKit4 .panel-body,
.panels-row .contKit5 .panel-body{
    padding: 15px 20px;
}

.contKit2 .panel-default:hover,
.contKit2 .panel-default:focus,
.contKit2 .panel-default:active,
.contKit3 .panel-default:hover,
.contKit3 .panel-default:focus,
.contKit3 .panel-default:active,
.contKit4 .panel-default:hover,
.contKit4 .panel-default:focus,
.contKit4 .panel-default:active,

.contKit5 .panel-default:hover,
.contKit5 .panel-default:focus,
.contKit5 .panel-default:active{
  background-color: transparent!important;
  border-color: #01babd!important;
  color: #01babd!important;
  -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.contKit2 .panel-default:hover,
.contKit3 .panel-default:hover,
.contKit4 .panel-default:hover,
.contKit5 .panel-default:hover{
  cursor: pointer;
}

.contKit2 .panel-default:hover div h3,
.contKit2 .panel-default:focus div h3,
.contKit2 .panel-default:active div h3,
.contKit3 .panel-default:hover div h3,
.contKit3 .panel-default:focus div h3,
.contKit3 .panel-default:active div h3,
.contKit4 .panel-default:hover div h3,
.contKit4 .panel-default:focus div h3,
.contKit4 .panel-default:active div h3,

.contKit5 .panel-default:hover div h3,
.contKit5 .panel-default:focus div h3,
.contKit5 .panel-default:active div h3{
  color: #01babd!important;

}


.portaKitV4, .portaKitV5{
  margin-top: 40px;
  padding-bottom: 0;
}


.contactoPrensaV4{
  background-color: #f6f7f8;
  padding-top: 20px;
}

#contactoPrensaV2 h3{
  font-size: 1.3em;
  font-weight: 400;
  color: #596f7e;
}

#contactoPrensaV2 p{
  font-size: 1em;
  color: #596f7e;
}

#contactoPrensaV2 p a{
  font-size: 1em;
}


.circuloKit{
    position: absolute;
    margin-left: 41%;
    margin-top: -25px;
    background-color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
}

.circuloKit img{
  width: 45px;
}

@media (min-width: 601px) and (max-width: 991px){

  .contKit2{
  width: 30%;
  }

  .contKit3,
  .contKit4,
  .contKit5{
  width: 45%;

  }

}


@media (min-width: 992px) and (max-width: 1200px){

  .contKit3,
  .contKit4{
    width: 29%;
  }

  .contKit5{
    width: 23%;
  }

}

@media (max-width: 992px){
  .agenda{
    margin-top: 60px;
  }
}


@media (max-width: 600px){

  .contKit2,
  .contKit4{
  width: 100%!important;
  height: 160px!important;
  margin-bottom: 20px;
  margin-right: 0!important;
  }
  .contKit3,
  .contKit4{
  width: 100%!important;
  height: 160px!important;
  margin-bottom: 20px;
  margin-right: 0!important;
  }

  .contKit5{
  width: 100%!important;
  margin-bottom: 40px;
  margin-right: 0!important;
  }

  .circuloKit {
    margin-left: 46%!important;
  }

  .portaKitV4, .portaKitV5{
    padding: 20px 10px;
  }

}

  /* formulario */


.portaFormu iframe{
  width: 100%;
  height: 400px;
}

.formularioNewsletter{
    width: 100%;
    height: 1100px;
    border: none;
}

/* DISCURSOS */

.discursosLista p{
  color: #596f7e;

}

.discursosLista a:hover p{
  color: #fff;

}

.portaFormu label{
  color: #01babd;
  font-variant: all-small-caps;
  font-size: 1.2em;
}

#btnSubmit{
  background-color: #01babd!important;
  -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 16px 25px;
    text-transform: uppercase;
    vertical-align: top;
    white-space: initial;
    word-break: initial;
    text-decoration: none;
    color: #fff;
    line-height: 1.5;

}

#btnSubmit:hover, 
#btnSubmit:focus {
  background-color: #0072bc!important;
  color: #fff!important;
}



/* LOGOOS */


.portaLogosDescarga div{
  text-align: center;
  height: 150px;
}

.btn-descarga{
  background-color: transparent!important;
  color: #01babd!important;
  -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.btn-descarga:hover, .btn-descarga:focus {
  color: #0072bc!important;
}

.panels-row .panel:hover i,
.panels-row .panel:focus i {
    color: #fff;
}

.contLogo{
  width: 22%;
  margin-right: 20px;
  margin-bottom: 40px!important;
  display: inline-block;
}



.contLogo a, .contLogo2 a{
  -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.contLogo:last-of-type{
  margin-right: 0;
}

.contLogo .panel.panel-default .panel-heading{
    min-height: 90px;
}

.contLogo .panels-row .panel-body {
    padding: 16px 35px!important;
}

.contLogo .panel-default > .panel-heading{
  background-color: transparent;
}

.contLogo p{
  color: #596f7e;
  text-align: center;
    font-variant: all-small-caps;
}

.panels-row .contLogo .panel-body{
    padding: 15px 20px;
}

.contLogo .panel-default:hover,
.contLogo .panel-default:focus,
.contLogo .panel-default:active, 
.contLogo2 .panel-default:hover,
.contLogo2 .panel-default:focus,
.contLogo2 .panel-default:active{
  background-color: transparent!important;
  border-color: #01babd!important;
  color: #01babd!important;
  -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.contLogo .panel-default:hover{
  cursor: pointer;
}

.contLogo .panel:hover p, 
.contLogo .panel:focus p,
.contLogo .panel:hover i, 
.contLogo .panel:focus i{
    color: #01babd;
}


@media (min-width: 767px) and (max-width: 990px){
  .portaLogosDescarga div{
    height: 185px!important;
  }

}

@media (min-width: 467px) and (max-width: 766px){
  .portaLogosDescarga div{
    height: 285px!important;
  }
}

@media (max-width: 466px){
  .portaLogosDescarga div{
    height: 165px!important;
  }
}

@media (min-width: 401px) and (max-width: 628px){
  .contLogo{
    width: 29%!important;
  }
}

@media (max-width: 400px){
  .contLogo{
    width: 42%!important;
  }
}

/* FOTOS */


.portaalbumes h3{
  font-size: 16px;
}

.portaalbumes .panel-body {
    padding: 15px 5px!important;
}

.portaalbumes h4 {
    color: #596f7e;
}

.portaalbumes .contLogo p{
  text-align: left;
}


/* VIDEOS */


.portaVideos .contLogo .panel.panel-default .panel-heading {
    min-height: 150px;
    padding: 0!important;
}

.portaVideos .contLogo{
  width: 100%!important;
  margin-bottom: 0!important;
}

.portaVideos .contLogo p{
  text-align: left;
  padding: 5px 10px 0 10px;
}

.portaVideos .contLogo i{
  margin: 50px 43%;
  color: #fff;
}

.play{
  height: 150px;
  background-color:rgba(0, 0, 0, 0.5);
}

/*

@media (min-width: 992px) and (max-width: 1200px){
  .portaVideos .contLogo{
    width: 30%!important;
  }

  .portaVideos .contLogo i {
      margin: 50px 125px;
  }
}

@media (min-width: 761px) and (max-width: 991px){
  .portaVideos .contLogo{
    width: 30%!important;
  }

  .portaVideos .contLogo i {
      margin: 50px 86px;
  }
}

@media (min-width: 581px) and (max-width: 760px){
  .portaVideos .contLogo{
    width: 250px!important;
  }

  .portaVideos .contLogo i {
      margin: 50px 88px;
  }

    .portaVideos {
      padding: 0 13%!important;
  }

}

@media (min-width: 481px) and (max-width: 580px){
  .portaVideos .contLogo{
    width: 200px!important;
  }

  .portaVideos .contLogo i {
      margin: 50px 88px;
  }
}


@media (max-width: 481px){
  .portaVideos .contLogo{
    width: 350px!important;
  }

  .portaVideos .contLogo i {
      margin: 50px 88px;
  }
}

*/


/* RESULTADOS BÚSQUEDA */

.portaResultados a{
  color: #92278f;
  font-size: 10px;
}

.portaResultados h2{
  font-weight: 400;
}

.portaResultados p{
  color: #596f7e;
}

.portaResultados a:hover, 
.portaResultados a:focus, 
.portaResultados a:active{
  color: #92278f!important;
  text-decoration: underline;
}

#buscadorError{
  margin-top: 35px;
}

#buscadorError i{
  color: #f7941d;
  font-size: 90px;
}

#buscadorError p{
  color: #596f7e;
}

/* FOOTER */

.paisaje{
  background: url("../img/footer.png");
  background-repeat-x: repeat;
  background-repeat-y: no-repeat;
  background-position-y: bottom;
  height: 190px;
  background-color: #f6f7f8;
}

.main-footer{
  background-color: #f6f7f8;
  padding-top: 32px;
}

footer h3{
  font-variant: all-small-caps;
  color: #01babd;
}

footer a{
  color: #01babd;
}

footer p{
  color: #596f7e;
  font-size: 14px;
}

footer a:hover, footer a:focus, a:active {
    color: #01babd!important;
    opacity: 0.8;
    text-decoration: none!important;
}

@media (min-width: 992px){

  footer .col-md-2 {
      width: 20%;
  }

}

.redesfooter{
  margin-bottom: 30px;
}

.redesfooter span {
    color: #fff;
    text-align: center;
    /* margin: 0 20px 20px 20px; */
    width: 40px;
    height: 40px;
    border-radius: 40px;
    padding-top: 9px;
    margin-right: 10px;
    display: block;
    float: left;
}


/*STREAMING*/

.streaming{
  background-image: url(../img/carousel/bg-nuevo-home.jpg);
    background-size: cover;
    width: 100%;
    position: relative;
}
.streaming .streaming-video{
  position: relative;
    overflow: hidden;
}
@media (max-width: 1200px){

  .streaming{
    height: auto;
  }

}

/* COUNTDOWN */

#countdownG20{
  background: url("../img/footer.png");
  background-position: bottom left;
  background-repeat: no-repeat;
}

#countdownG20 h2{
  color: #01babd;
  font-size: 4em;
}


@media (min-width: 601px){

  .m-y-4 hr{
    margin: 20px 0!important;
  }

}

@media (max-width: 600px){


  #countdownG20 p{
    font-size: 1em!important;
  }

  #countdownG20{
    padding-top: 0!important;
  }

  .m-y-4{
    margin: 20px 0 10px 0!important;
  }

  .m-y-4 hr{
    margin: 5px 0 15px 0!important;
  }

  #countdown > div{
    width: 100px;
    margin: 0!important;
  }

  .col-md-6 hr{
    margin: 5px 0 15px 0!important;
  }

  #countdown{
    padding: 0!important;
  }


}

#countdownG20{
  text-align: center;
  padding-top: 30px;
    padding-bottom: 200px;
}

#countdownG20 p{
  font-size: 1.3em;
  font-weight: 300;
  color: #596f7e;
}

#countdownG20 span{
  color: #01babd;
}

#countdownG20 a{
  margin-top: 15px;
}

#countdown{
  text-align: center;
  margin: 3rem 0!important;
}

#countdown > div{
  display:inline-block;
  margin:0 30px 15px;
}

#countdown > div > div{
  margin-bottom:22px;
  font-weight:200;
  font-size:48px;
  color: rgb(1, 186, 189);

}

#countdown > div > i{
  text-transform:uppercase;
  letter-spacing:1.3px;
  font-style:normal;
  font-weight:700;
  font-size:13px;
}





/* 404 */

#errorG20 img{
  margin-bottom: 40px;
}

#errorG20{
  background: url("../img/footer.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  text-align: center;
  padding-bottom: 300px;
  padding-top: 100px;
}

#errorG20 h2{
  color: #01babd;
  font-size: 4em;
}


@media (max-width: 600px){


  #errorG20 p{
    font-size: 1em!important;
  }

  #errorG20{
    padding-top: 0!important;
    padding-bottom: 220px;
  }

  #errorG20{
  padding-top: 50px!important;
}


}


#errorG20 p{
  font-size: 1.1em;
  font-weight: 300;
  color: #596f7e;
}

#errorG20 span{
  color: #01babd;
}

#errorG20 a{
  margin-top: 15px;
}

#errorG20 h3{
  color: #0072bc;
  font-size: 1.8em;
  padding-bottom: 20px;
}

.navIdioma a.disabled{
    cursor: default;
}

body.front .contextual-links-region {
    position: inherit;
}

@media (min-width: 1201px) {

    .principal {
        padding-top: 45px!important;
    }

}




/* FORMULARIO EXTERNO */

#formularioPrensa label{
  color: #01babd; 
}




/*slider con filtro*/

/* HOME CAROUSEL V5*/


main{
  padding-top: 0px!important;
}



.carousel.rtl {
  direction: rtl;
}

.carousel.rtl .txt-carousel{
  direction: ltr!important;
}






.carousel-innerV5 .item{
  padding: 0;
}

.imagenCarouselV5{
   background: -webkit-linear-gradient(left, rgba(255,255,255,1) 70%, rgba(255,255,255,0.0) 100%);
     background: -o-linear-gradient(left, rgba(255,255,255,1) 70%, rgba(255,255,255,0.0) 100%);
     background: linear-gradient(to right, rgba(255,255,255,1) 70%,rgba(255,255,255,0.0) 100%);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: right;
  right: 0%;
  width:auto;
  height: 360px;
}

.carousel-captionV5{

  top: 7%;
    padding-top: 0px;
    right: 0%;
}




.filter{
     background: #b0b5c3; /* For browsers that do not support gradients */
     background: -webkit-linear-gradient(left, rgba(87,103,137,1) 25%, rgba(127,138,163,1) 45%,rgba(83,99,134,0.4) 95%, rgba(176,181,195,0.9) 100%);
     background: -o-linear-gradient(left, rgba(87,103,137,1) 25%, rgba(127,138,163,1) 45%, rgba(83,99,134,0.4) 95%, rgba(176,181,195,0.9) 100%);
     background: linear-gradient(to right, rgba(87,103,137,1) 25%,rgba(127,138,163,1) 45%, rgba(83,99,134,0.4) 95%, rgba(176,181,195,0.9) 100%);
     position:absolute;
     top:0;
     height: 100%;
     width: 100%;
    }




.content-carousel{
  position: relative;
}
.txt-carousel{
  width: 560px;
  color: white;
  
  margin-top:1em;
  text-align: left;
}
.txt-carousel h2{
  font-size: 3.5em;
  line-height: 1.3;
}

.txt-carousel p{
  font-size: 1.5em;
}


.boton-carousel{
  padding: 20px 30px;
  border-radius: 30px;
  border: 1px #ffffff solid;
  color: white;
  font-size: 1.5em;
  font-weight: 300;
  letter-spacing: 2px;
  display: inline-block;
  margin-top: 40px;
}

.boton-carousel:hover, .boton-carousel:focus, .boton-carousel:active {
  background-color: rgba(255,255,255, 0.3);
  color: #ffffff!important;
}


.filter2{
     background: #146fc3; /* For browsers that do not support gradients */
     background: -webkit-linear-gradient(left,rgba(20,111,195,1) 25%, rgba(123,161,200,0.6) 70%,rgba(8123,161,200,0.0) 100%);
     background: -o-linear-gradient(left,rgba(20,111,195,1) 25%, rgba(123,161,200,0.6) 70%, rgba(123,161,200,0.0) 100%);
     background: linear-gradient(to right,rgba(20,111,195,1) 25%,rgba(123,161,200,0.6) 70%, rgba(123,161,200,0.0) 100%);
     position:absolute;
     top:0;
     height: 100%;
     width: 100%;
    }

    .filter3{
     background: #146fc3; /* For browsers that do not support gradients */
     background: -webkit-linear-gradient(left, rgba(20,111,195,1) 30%, rgba(123,161,200,0.6) 70%,rgba(8123,161,200,0.0) 100%);
     background: -o-linear-gradient(left, rgba(20,111,195,1) 30%, rgba(123,161,200,0.6) 70%, rgba(123,161,200,0.0) 100%);
     background: linear-gradient(to right, rgba(20,111,195,1) 30%,rgba(123,161,200,0.6) 70%, rgba(123,161,200,0.0) 100%);
     position:absolute;
     
     height: 360px;
     width: 100%;
    }

#myCarouselV5{
  width: 100%;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel.rtl .carousel-inner > .item.next,
  .carousel.rtl .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel.rtl .carousel-inner > .item.prev,
  .carousel.rtl .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@media (max-width: 1250px){
  .txt-carousel{
    width: 470px;
    margin-top:3em;
  }
  .txt-carousel h2{
  font-size: 2em;
  line-height: 1.3;
  }



}
@media(min-width: 780px){
  #myCarouselV5,
.carousel-innerV5
{
  height: 360px!important;
  width: 100%;
  max-width: 1200px!important;
    margin: auto;
}
}
}

@media (min-width: 1500px){
  #myCarouselV5{
    max-width: 1200px!important;
  }
}


@media (max-width: 780px){
  .txt-carousel-container{
    width: 100%!important;
  }
  

  .imagenCarouselV5{
    display: none;
  }
  .filter3{
    display: none;
  }
  .filter2{
    background: #146fc3;
    position: absolute!important;
    z-index: -2;
    
  }

  .txt-carousel{
    width: auto;
    margin-top: 7%!important;
    margin-bottom: 7%!important;
    text-align: center;
    position: initial;
  }

  .txt-carousel h2{
    font-size: 2em!important;
  }
  .txt-carousel p{
    font-size:25px!important;
  }
  .carousel-captionV5{
  padding:0px;
  left: 0%;
  }
  a.boton-carousel{
    font-size: 18px;
      padding: 15px;
      margin-top: 20px;
  }
}
@media (max-width: 450px){
  .txt-carousel p{
    font-size: 18px!important;
    font-weight: 300;
  }
  a.boton-carousel{
    font-size: 14px;
    font-weight: bold;
      padding: 10px;
  }
}




/*countdown cumbre*/

#clockdiv{
  font-family: sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}

#clockdiv > div{
  padding: 10px;
  border-radius: 3px;
  background: #ff8a80;
  display: inline-block;
}

#clockdiv div > span{
  padding: 15px;
  border-radius: 3px;
  background: #f44336;
  display: inline-block;
}

.smalltext{
  padding-top: 5px;
  font-size: 16px;
}

.clock-h2{
  
}

#units .barrita{
  width: 30px;
  
}


.contdown-cumbre{
  max-width: 900px;
}

@media (max-width: 500px) {
  #units p{
  font-size: 10px;
  letter-spacing: 2px;
  }
}





/*PRIORIDADES INTERNA*/

.flex-center2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}


.flex-center2 >li {
  flex: 1 0 33%;
}

.flex-center2 >li:last-child {
  flex: 0 1 100%;
}


.flex-center2  li h3{
  font-size: 25px;
}

.img-prioridades-lista{
  width: 50px!important;
}

#tab3-4 strong{
  color: #596f7e;
}
.no-underline{
  text-decoration: none;
}


@media (max-width: 1200px){
  .flex-center2 >li:last-child h3{
      font-size: 23px;
  }

  .flex-center2 >li:last-child hr{
      font-size: 23px;
  }
}

@media (max-width: 768px){
  

  .flex-center2 >li:last-child .hr-prioridades{
      display: none;
  }

   img.img-prioridades-lista{
  display: block;
    margin: auto;
  }
}

/*líderes*/

.lideres-mobile{
  display: none;
}

.section-lideres{
  padding-bottom: 0px;
}

img.desaturate{
  filter: grayscale(100%);
}

img.desaturate:hover{
  filter: grayscale(0%);
}
.dial-item-info2 .bg:{
  background: white;
  position: relative;

}

.dial-item-info2 .bg:before {
  content:"";
  background: url(../img/presidentes-slider/bg.png) center center no-repeat;
  display: block;
    position: absolute;
    left: 0;
   
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.05;
  
}


.img-lideres{
  width: 220px;
  border-radius: 50%;
  z-index: 2;

}

.lideres-txt p{
  line-height: 1.2;
}

.banderas{
  width: 35px;
  height: 20px;
  margin-top: 12px;
}


.lideres-mobile .lider .media{
  width: 220px;
  margin-top: 8px;
}


@media (max-width: 767px){
  .lideres-mobile{
    display: block;
    width: 100%;
  }
  .lider{
    margin-bottom: 20px;
  }
.lideres-mobile .lider img:first-child{
    width: 220px;
  }

.lideres-mobile .lider .media-body{
  width: 150px;
}


.lideres-mobile .lider .media-left{
  width: 50px;
  }
.lideres-mobile h6{
    font-size: 16px;
  }


.lideres-mobile p{
  font-size: 14px;
  font-weight: 400;
}

  
}

@media (max-width: 580px){
  .lider{
    width: 100%;
  }

}

@media (max-width: 250px){
  .lideres-mobile .lider .media-body{
  width: 130px;
}
}

/*chart home*/

.test-circle{
  max-width: 300px;
}

text.timer{
  font-size: 26px!important;
  font-weight: bold;
}

/*Multimedia*/

#simpletest{}
.container-galeria, .container-galeria-video{
  position: relative;
  height: 600px;
}
.container-galeria-video2{
  position: relative;
  height: 320px;
}

.galeria-video2{
  height: 552px;
}

.galeria-video2 div{
  height: 50%;
}

.galeria-video2 div .contenedor-video2{
  height: 100%;
}
.contenedor-video2 iframe{
  width: 100%;
  min-height: 300px;
  border:2px #fff solid;
}

.galeria-img, .galeria-video{
  position: absolute;
    width: 100%;
    left: 0;
    height: 600px;

    
}

.galeria-img div{
  
  height: 300px;
  padding: 0px;
  overflow: hidden;
  
     border: 2px #fff solid;
  /*background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;*/
  
}
.galeria-img div img{
  height: auto;
  overflow: hidden;
  width: 100%;
}


.galeria-video{
  bottom: 0;
}
.galeria-video div {
  height: 50%;
  border:1px #fff solid;
}
.galeria-video div iframe{
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}


.contenedor-video, .contenedor-video2{
  position: relative;
  min-height: 100%;
}
.contenedor-video a, .contenedor-video2 a{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;

}
@media (max-width: 1550px) {
  .galeria-img div{
    height: 220px;
  }
  .container-galeria, .galeria-img, .container-galeria-video, .galeria-video{
    height: 440px;
  }
  
}



@media (max-width: 988px) {
  .galeria-img div{
    height: 400px;
  }

  .container-galeria, .galeria-img{
    height: 1600px;
  }

  .container-galeria-video, .galeria-video{
    height: 800px;
  }


  
}

@media (max-width: 550px) {
  .galeria-img div{
    height: 200px;
  }

  .container-galeria, .galeria-img, .container-galeria-video, .galeria-video{
    height: 800px;
  }
  
}




@media (max-width: 450px) {
  .btn-gallery{
        padding: 15px 20px!important;
  }
  
}

/*Sala de prensa precumbre*/

.primer-noticia{
  width: 100%;
  background-color: #2477b9;
  position: relative;
  
}
.containerPnoticia{
  display: flex;
    align-items: center;
}
.containerPnoticia div:nth-child(3){
  margin-top: -15px;
}
.primer-noticia img{
  height: auto;
  width: 100%;
}
.noticiasYagenda h3{
  font-size: 1.5em;
}
.primer-noticia  h4, .primer-noticia small{
  color: #ffffff;
}



.filtro-noticia{
  background: linear-gradient(to bottom right, rgba(102, 34, 163, 0.5) 0%, rgba(4, 105, 174 , 0.5) 50%, rgba(30, 186, 188, 0.5) 100%);
  background: -webkit-linear-gradient(top left, rgba(102, 34, 163, 0.5) 0%, rgba(4, 105, 174 , 0.5) 50%, rgba(30, 186, 188, 0.5) 100%);
  background: -o-linear-gradient(top left, rgba(102, 34, 163, 0.5) 0%, rgba(4, 105, 174 , 0.5) 50%, rgba(30, 186, 188, 0.5) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
}
.agenda{
  margin-bottom: 30px;
}
.agenda p{
  font-size: 1em;
  margin-bottom: 5px;
}
.agenda-titulo{
  margin-bottom: 20px;
}
.feeds .twitter{
  border:1px #e7e7e7 solid!important;
  
}
.feeds .twitter {
  height: 500px;
  overflow: auto;
  max-width: 400px;
  margin: auto;
}


.twitter-iframe{
  width: 400px;
}

.multimedia{
  padding-top: 0px;
}
.feeds{
  padding-bottom: 0px;
}
.pFrec{
  padding-bottom: 0px;
}

@media (max-width: 768px){
  .feeds .twitter , .feeds .facebook, .feeds .ig{
    margin-top: 30px;
  }

  .containerPnoticia{
    display: block;
  }

  .containerPnoticia .fotoPnoticia{
    padding-right: 0px;
  }
  .fotoPnoticia{
    padding-bottom: 14px;
  }
  .txtPnoticia{
  background: linear-gradient(to bottom right, rgba(102, 34, 163, 0.5) 0%, rgba(4, 105, 174 , 0.5) 50%, rgba(30, 186, 188, 0.5) 100%);
  background: -webkit-linear-gradient(top left, rgba(102, 34, 163, 0.5) 0%, rgba(4, 105, 174 , 0.5) 50%, rgba(30, 186, 188, 0.5) 100%);
  background: -o-linear-gradient(top left, rgba(102, 34, 163, 0.5) 0%, rgba(4, 105, 174 , 0.5) 50%, rgba(30, 186, 188, 0.5) 100%);
  width: 100%;
  height: 100%;
  padding: 20px 20px!important;
  }
  .filtro-noticia{
    display: none;
  }
}

.ig .borde-ig{
  border: 1px #e7e7e7 solid!important;
  
  height: 500px;
  overflow: auto;
}
img.logoInstagram{
  width: 190px;
}
.ig .btn{
  float: right;
}



/*organizaciones*/
.organizacionesContainer{
  height: 285px;
}
img.organizaciones{
  max-width: 45px;
}
.imgOrg{
  margin-top: 30px;
}
.media-left{
  padding-top: 0px;
}
.media-body{
  vertical-align: middle!important;
  width: 280px!important;
}

.minImg img:hover{
  -webkit-transition-duration: 0.4s;
    transition-duration: 0.2s;
  -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.text-box-org{
  width: 220px;
  margin-top: 15px;
}

@media (max-width: 768px){
  .organizacionesContainer{
    display: none;
  }
  .title-org{
    text-align: center;
  }
  .section-lideres .barrita {
    margin: auto;
  }
}