/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans Light';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v13-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans Light Italic';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v13-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),
       url('../fonts/open-sans-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v13-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v13-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v13-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v13-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans'), local('OpenSans'),
       url('../fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v13-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans Italic';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v13-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans Bold';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v13-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans Extrabold';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v13-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'),
       url('../fonts/open-sans-v13-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v13-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v13-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v13-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v13-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* -- personalizados fredy morales--*/
iframe .html #enbecezado{
  display: none !important;
}

.logo-capital-movil, .logo-bogota-movil, .redes-movil{
  display: none;
}
/* -- ocultael bloque debajo de las noticias--*/
#block-block-10{
  display:none;
  }
/* -- estilos para el boton de la veeduria--*/
.veeduria{
        width: 309px;
    height: 70px;
    background: url('../imagenes/btn-veeduria-new.png') no-repeat;
    -webkit-transition: .4s all ease;
    -o-transition: .4s all ease;
    transition: .4s all ease;
    cursor: pointer;
  }
  .veeduria:hover{
  background: url('../imagenes/btn-veeduria-new-2.png') no-repeat;
  }
  .veeduria a{
      display: block;
    height: 70px;
    opacity: 0;
  }
 .notificaciones{
        width: 309px;
    height: 65px;
    background: url(/sites/default/files/notificaciones-n.png) no-repeat;
    -webkit-transition: .4s all ease;
    -o-transition: .4s all ease;
    transition: .4s all ease;
    cursor: pointer;
  }
  .notificaciones:hover{
  background: url(/sites/default/files/notificaciones-h.png) no-repeat;
  }
  .notificaciones a{
      display: block;
    height: 60px;
    opacity: 0;
  }
  .posicion-d{
    padding-top: 30px;

    margin-top: 30px;
    }
#edit-submitted-curriculum-upload-button, #edit-submitted-archivo-adjunto-upload-button{
    display: none;
    /* --oculta el boton de subir al servidor de los formularios de webform, debido a bug con la version de drupal(opciones actualizar drupal o colocar parche para webform https://www.drupal.org/node/2675170)--*/
}
#block-barra-institucional-barra-institucional-block{
    display: none;
}
#encabezado .nombre-sitio span {
  display: none !important;
}
.wrapper-header{
  /*max-width: 1024px;*/
    margin: auto;
    padding-top: 10px;
}
.wrapper-footer{
  width: 1024px;
    margin: auto;
    padding: 10px 0;
}
.encabezado-b-1{
  padding-top: 5px;
}
.submitted {
    display: none !important;
}
.region.region-pie-b-1 a {
  color: #fff;
}
.posicion.a, .posicion-b, .posicion-c, .posicion-d, .posicion-e{
    padding-left: 20px;
    padding-right: 20px;
}
input {
    color: #59676f;
    border: 1px solid #e6e6e6;
    padding: 10px 0 10px 5px;
    border-radius: 6px;
}
.webform-component input {
    width: 100%;
}
.form-file {
    background: transparent;
    padding: 20px 10px;
}
textarea{
    -webkit-appearance: none;
    appearance: none;
    color: #59676f;
    border: 1px solid #e6e6e6;
    padding: 10px 0 10px 5px;
    border-radius: 6px;
}
.webform-client-form {
    max-width: 700px;
    margin: auto;
    padding: 10px 0 71px 0;
}
.button-primary {
    background: #004daa;
    color: #fff;
}
.button-primary:hover{
  background: #00306b;
}
/*plantilla pagina player*/

.region.region-encabezado-a-2 {
  display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

section.encabezado-b.pure-g .logo_entidad {
  display: none;
}
#posicion-completo {
    margin: auto;
    max-width: 1024px;
    padding: 0;
    background: #fff;
    -webkit-box-shadow: -1px -1px 11px -2px rgba(0,0,0,0.25);
    -moz-box-shadow: -1px -1px 11px -2px rgba(0,0,0,0.25);
    box-shadow: -1px -1px 11px -2px rgba(0,0,0,0.25);
    position: relative;
}
.senal-wrapper{
  /*  padding: 15px 90px 10px 90px;*/
}
@media screen and (max-width: 900px){
    #posicion-completo{
   /* padding: 10px 0 0 10px;*/
}
.senal-wrapper{
  padding: 0 10px 0 10px;
}
}
/*video responsive*/
.videoWrapper {
    position: relative;
    padding-bottom: 56.3%; /* 16:9 */
   /* padding-top: 25px;*/
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.reset-padding{
    padding: 0 !important;
}
/* -----------menu capital-----------------*/

#block-menu-menu-menu-capital{
  background: #f4f5fa;
  text-transform: uppercase;
}
#block-menu-menu-menu-capital li.leaf {
    padding: 0 !important;
}
#block-menu-menu-menu-capital h2{
  display: none;
}
#block-menu-menu-menu-capital ul{
  width: 100%;
}
#block-menu-menu-menu-capital a{
    padding: 16px 15px;
    font-family: "Open Sans Bold";
    text-decoration: none;
}
#block-menu-menu-menu-capital a:hover{
  background-color: transparent;
}
#ocultar_enlace{
  opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
/*#home-capital {
  background: rgba(36,220,156,1);
background: -moz-linear-gradient(45deg, rgba(36,220,156,1) 0%, rgba(0,106,255,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(36,220,156,1)), color-stop(100%, rgba(0,106,255,1)));
background: -webkit-linear-gradient(45deg, rgba(36,220,156,1) 0%, rgba(0,106,255,1) 100%);
background: -o-linear-gradient(45deg, rgba(36,220,156,1) 0%, rgba(0,106,255,1) 100%);
background: -ms-linear-gradient(45deg, rgba(36,220,156,1) 0%, rgba(0,106,255,1) 100%);
background: linear-gradient(45deg, rgba(36,220,156,1) 0%, rgba(0,106,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24dc9c', endColorstr='#006aff', GradientType=1 );
    padding: 0.4em 1em;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
        transition: all .5s;
    font-size: 1.3em;
    color: #fff;
}*/
.menu-capital-item{
  display: inline-block;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
    font-size: 13px;
}
#vivo-menu-capital{
  float: right;
  background: #016bff;
  color: #fff;
}
#vivo-menu-capital:hover{
  background: #004daa;
}
#vivo-menu-capital a {
  color: #fff;

}
#vivo-menu-capital:hover a {
  color: #fff;
  background-color: transparent;
}
.form-actions {
    text-align: center;
}
.form-submit {
    width: 300px;
}
#posicion-completo #migas-de-pan {
    margin-left: 30px;
}
/* -----------asi es la vuelta-----------------*/
.pane-asieslavuelta h2 {
    margin-left: 29px;
    color: rgba(0,62,101,1);
    font-family: 'Open Sans';
    font-size: 2em;
    line-height: 1.3em;
    text-transform: uppercase;
    border-bottom: 2px solid #23d7a1;
    padding: 20px;
}
.view-asieslavuelta li.views-row {
    max-width: 300px;
    display: inline-block;
}
.view-asieslavuelta .item-list ul li {
    margin-bottom: 0;
    overflow: hidden;
    max-height: 320px;
    max-width: 320px;
    position: relative;
    background: #0e0e0e;
    margin:0;
}
.view-asieslavuelta .item-list{
  text-align: center;
}
.view-asieslavuelta .item-list ul li:hover .views-field-field-multimedia-dos:before{
    opacity: .9;
  -webkit-transform:translate3d(0,0,0);
   -ms-transform:translate3d(0,0,0);
   -o-transform:translate3d(0,0,0);
   transform:translate3d(0,0,0);
}
.view-asieslavuelta .views-field-field-multimedia-dos:before{
  content: "";
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#24dc9c+0,006aff+100 */
background: rgb(36,220,156); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(36,220,156,1) 0%, rgba(0,106,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(36,220,156,1) 0%,rgba(0,106,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(36,220,156,1) 0%,rgba(0,106,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24dc9c', endColorstr='#006aff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    position: absolute;
     opacity : 0;
   -webkit-transform:translate3d(0,50%,0);
   -ms-transform:translate3d(0,50%,0);
   -o-transform:translate3d(0,50%,0);
   transform:translate3d(0,50%,0);
   left:0;
}
.views-field-field-multimedia-dos .field-content img{
  width: 100%;
  height: auto;
}
.otras-noticias .views-field-field-multimedia-dos .field-content img {
    width: auto;
    height: auto;
}

.view-asieslavuelta .views-field-field-multimedia-dos:after{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  -webkit-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,12313d+100&0+0,1+100 */
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+31,006aff+100&0+41,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 31%, rgba(218,233,255,0) 41%, rgba(0,106,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 31%,rgba(218,233,255,0) 41%,rgba(0,106,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 31%,rgba(218,233,255,0) 41%,rgba(0,106,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#006aff',GradientType=0 ); /* IE6-9 */
 left:0;
  opacity: .8;
}
.view-asieslavuelta .item-list ul li:hover .views-field-field-multimedia-dos:after{
  opacity:0;
   -webkit-transform:translate3d(0,50%,0);
   -ms-transform:translate3d(0,50%,0);
   -o-transform:translate3d(0,50%,0);
   transform:translate3d(0,50%,0);
}
.view-asieslavuelta .views-field-title a{
  color:#fff !important;
  font-size:20px;
  font-family:"Open Sans Light";
  line-height:1.2;
}
.views-field-field-2fecha-de-publicacion{
  font-family: 'Open Sans Light';
  line-height: 1em;
  font-size: 0.8em;
  color:#666;
}
.view-asieslavuelta .views-field-field-2fecha-de-publicacion{
  color:#fff !important;
}
.view-asieslavuelta  .views-field-field-multimedia-dos:before,.view-asieslavuelta  .views-field-field-multimedia-dos:after, .view-asieslavuelta .views-field-title, .view-asieslavuelta .views-field-field-2fecha-de-publicacion, .view-asieslavuelta .views-field-field-copete-dos-1, .view-asieslavuelta .views-field-view-node {
   -webkit-transition:opacity 0.35s, transform 0.35s;
   -o-transition:opacity 0.35s, transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
}
.view-asieslavuelta .views-field-title, .view-asieslavuelta .views-field-field-2fecha-de-publicacion, .view-asieslavuelta .views-field-field-copete-dos-1, .view-asieslavuelta .views-field-view-node {
    position: absolute;

}
.view-asieslavuelta .item-list ul li:hover .views-field-title{
  -webkit-transform:translate3d(0,-115px,0);
   -ms-transform:translate3d(0,-115px,0);
   -o-transform:translate3d(0,-115px,0);
   transform:translate3d(0,-115px,0);
}
.view-asieslavuelta .views-field-title{
  bottom:30px; padding:20px;
  -webkit-transform:translate3d(0,0,0);
   -ms-transform:translate3d(0,0,0);
   -o-transform:translate3d(0,0,0);
   transform:translate3d(0,0,0);
  }
.view-asieslavuelta .views-field-title:after{
  content:"";
  width:80px;
  height:2px;
  position:absolute;
  background:#fff;
  left:20px;
  bottom:13px;
}
.view-asieslavuelta .views-field-field-2fecha-de-publicacion{bottom:0;padding:20px;}
.view-asieslavuelta .views-field-field-copete-dos-1{
  opacity: 0;
  top:0;
  padding:20px;
  text-align: left;

}
.view-asieslavuelta .item-list ul li:hover .views-field-field-copete-dos-1 {
   opacity: 1;
 -webkit-transform:translate3d(0,145px,0);
   -ms-transform:translate3d(0,145px,0);
   -o-transform:translate3d(0,145px,0);
   transform:translate3d(0,145px,0);
}
.view-asieslavuelta .item-list ul li:hover .views-field-field-copete-dos-1 p{
  color:#fff;
  font-size:.9em;
}
.view-asieslavuelta .views-field-view-node a {position:absolute; left:0; bottom:0; width:320px; height:320px; display:block;  opacity: 0;}
/* -----------Asi es la vuelta noticias-----------------*/
.field-name-field-copete-dos{
      font-size: 22px;
    color: #003e65 !important;
    padding-left: 28px;
}
.field-name-field-copete-dos p {
    color: #003e65;
}
/* -----------noticias principales-----------------*/
.verMas{
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 7px;
    border: 2px solid #006bff;
  background:#fff;
  -webkit-transition:0.35s all ease;
   -o-transition:0.35s all ease;
   transition: 0.35s all ease;
  }
.verMas:hover{
  color:#fff;
  background:#006bff;
  }
.view-noticias .view-footer{
      text-align: left;
    margin-top: 30px;
  }
.view-id-noticias li.views-row {
    max-width: 300px;
    display: inline-block;
}
/* media queries*/
@media screen and (max-width: 700px) {
    .menu-oculto{
        display: none !important;
    }
    .menu-capital-item{
    display:block;
    text-align: center;

}
#vivo-menu-capital{
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
}
.view-noticias .item-list ul li {
    margin-bottom: 0;
    overflow: hidden;
    max-height: 320px;
    max-width: 320px;
    position: relative;
    background: #0e0e0e;
}
.view-noticias .item-list{
  text-align: center;
}
.view-noticias .item-list ul li:hover .views-field-field-multimedia-noticia:before{
    opacity: .9;
  -webkit-transform:translate3d(0,0,0);
   -ms-transform:translate3d(0,0,0);
   -o-transform:translate3d(0,0,0);
   transform:translate3d(0,0,0);
}
.view-noticias .views-field-field-multimedia-noticia:before{
  content: "";
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#24dc9c+0,006aff+100 */
background: rgb(36,220,156); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(36,220,156,1) 0%, rgba(0,106,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(36,220,156,1) 0%,rgba(0,106,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(36,220,156,1) 0%,rgba(0,106,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24dc9c', endColorstr='#006aff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
left: 0;
    position: absolute;
     opacity : 0;
   -webkit-transform:translate3d(0,50%,0);
   -ms-transform:translate3d(0,50%,0);
   -o-transform:translate3d(0,50%,0);
   transform:translate3d(0,50%,0);
}
.views-field-field-multimedia-noticia .field-content img{
  width: 100%;
  height: auto;
}
.otras-noticias .views-field-field-multimedia-noticia .field-content img {
    width: auto;
    height: auto;
}
.view-noticias .views-field-field-multimedia-noticia:after{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  -webkit-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,12313d+100&0+0,1+100 */
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+31,006aff+100&0+41,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 31%, rgba(218,233,255,0) 41%, rgba(0,106,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 31%,rgba(218,233,255,0) 41%,rgba(0,106,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 31%,rgba(218,233,255,0) 41%,rgba(0,106,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#006aff',GradientType=0 ); /* IE6-9 */
left: 0;
  opacity: .8;
}
.view-noticias .item-list ul li:hover .views-field-field-multimedia-noticia:after{
  opacity:0;
   -webkit-transform:translate3d(0,50%,0);
   -ms-transform:translate3d(0,50%,0);
   -o-transform:translate3d(0,50%,0);
   transform:translate3d(0,50%,0);
}
.view-noticias .views-field-title a{
  color:#fff !important;
  font-size:20px;
  font-family:"Open Sans Light";
  line-height:1.2;
}
.view-noticias .views-field-field-fecha-de-publicacion{
  color:#fff !important;
}
.view-noticias  .views-field-field-multimedia-noticia:before,.view-noticias  .views-field-field-multimedia-noticia:after, .view-noticias .views-field-title, .view-noticias .views-field-field-fecha-de-publicacion, .view-noticias .views-field-field-copete, .view-noticias .views-field-view-node {
   -webkit-transition:opacity 0.35s, transform 0.35s;
   -o-transition:opacity 0.35s, transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
}
.view-noticias .views-field-title, .view-noticias .views-field-field-fecha-de-publicacion, .view-noticias .views-field-field-copete, .view-noticias .views-field-view-node {
    position: absolute;

}
.view-noticias .item-list ul li:hover .views-field-title{
  -webkit-transform:translate3d(0,-115px,0);
   -ms-transform:translate3d(0,-115px,0);
   -o-transform:translate3d(0,-115px,0);
   transform:translate3d(0,-115px,0);
}
.view-noticias .views-field-title{
  bottom:30px; padding:20px;
  -webkit-transform:translate3d(0,0,0);
   -ms-transform:translate3d(0,0,0);
   -o-transform:translate3d(0,0,0);
   transform:translate3d(0,0,0);
   text-align: left;
  }
.view-noticias .views-field-title:after{
  content:"";
  width:80px;
  height:2px;
  position:absolute;
  background:#fff;
  left:20px;
  bottom:13px;
}
.view-noticias .views-field-field-fecha-de-publicacion{bottom:0;padding:20px;}
.view-noticias .views-field-field-copete{
  opacity: 0;
  top:0;
  padding:20px;
   text-align: left;
}
.view-noticias .item-list ul li:hover .views-field-field-copete {
   opacity: 1;
 -webkit-transform:translate3d(0,145px,0);
   -ms-transform:translate3d(0,145px,0);
   -o-transform:translate3d(0,145px,0);
   transform:translate3d(0,145px,0);
}
.view-noticias .item-list ul li:hover .views-field-field-copete p{
  color:#fff;
  font-size:.9em;
}
.view-noticias .views-field-view-node a {position:absolute; left:0; bottom:0; width:320px; height:320px; display:block;  opacity: 0;}
/*Boton transparencia*/
#boton-transparencia{
    max-width: 284px;
    height: auto;
    display: block;
    padding: 10px 0 10px 30px;
    float: right;
    margin-top: 30px;
  }
  #boton-transparencia .texto{
        font-family: "Open Sans Bold";
    padding: 5px 10px 9px 60px;
    border: 3px solid #006BFF;
    color: #006BFF;
    line-height: 1.1;
    position: relative;
    max-width: 209px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  #boton-transparencia .texto:before{
        content: "";
    background: url(../imagenes/icono-transparencia.png) no-repeat;
    width: 90px;
    height: 110px;
    position: absolute;
    background-size: 100%;
    top: -17px;
    left: -30px;
     -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#boton-transparencia .texto{
  display: block;
  text-decoration: none;
}
#boton-transparencia .texto:hover{
  color:#fff;
  background:#006BFF;
}
#boton-transparencia .texto:hover:before {
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
/*redes*/
.redesp a .icono {
    background: white;
    border: 2px solid rgba(240, 116, 57,0.75);
    color: rgba(240, 116, 57,0.75);
   padding: 4px 8px;
    display: inline-block;
      -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.redesp a .icono:hover{
   background: rgba(240, 116, 57,0.75);
   border: 2px solid  rgba(240, 116, 57,0.75);
   color: #fff;
   text-decoration: none;
}
.redesp a{
  text-decoration: none;
  padding: 5px 0;
}
.redesp a:hover{
  text-decoration: none !important;
}
/*================== presentacion noticias rss==================*/

.view-feed-noticias{
  text-align: center;
}
.view-feed-noticias .views-row {
    margin-bottom: 0;
    overflow: hidden;
    /*max-height: 320px;*/
    max-width: 320px;
    position: relative;
    /*background: #0e0e0e;*/
    display: inline-block;
}
.view-feed-noticias .views-row .views-field-field-feeds-link-1{
       position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3;
  }
  .view-feed-noticias .views-row .views-field-field-feeds-link-1 .field-content{
    height: 100%;
  }
  .view-feed-noticias .views-row .views-field-field-feeds-link-1 a{
       color: transparent;
    display: block;
    height: 100%;
  }

.view-feed-noticias .views-row .views-field-field-feeds-link{
  bottom:30px; padding:20px;
  -webkit-transform:translate3d(0,0,0);
   -ms-transform:translate3d(0,0,0);
   -o-transform:translate3d(0,0,0);
   transform:translate3d(0,0,0);
   text-align: left;
   /*position: absolute;*/
   z-index: 2;
  }
.view-feed-noticias .views-row .views-field-field-feeds-link a {
  /*color:#fff !important;*/
  font-size:20px;
  font-family:"Open Sans Light";
  line-height:1.2;
  text-decoration: none;
}
.view-feed-noticias .views-row .views-field-field-feeds-link:after{
  content:"";
  width:80px;
  height:2px;
  position:absolute;
  background:#fff;
  left:20px;
  bottom:13px;
}
.view-feed-noticias .views-row .views-field-body p {
    opacity: 0;
    top: 0;
    padding: 20px;
    text-align: left;
    position: absolute;
     color:#fff;
  font-size:.9em;
}
.view-feed-noticias .views-field-imported{
    font-family: 'Open Sans Light';
    line-height: 1em;
    font-size: 0.8em;
    bottom: 4px;
    right: 0;
    padding: 5px;
    position: absolute;
    color: #fff !important;
    background: rgba(55, 156, 121, 0.8);
  }
.view-feed-noticias .views-row .views-field-body .imagen-destacada:before {
   content: "";
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#24dc9c+0,006aff+100 */
background: rgb(36,220,156); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(36,220,156,1) 0%, rgba(0,106,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(36,220,156,1) 0%,rgba(0,106,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(36,220,156,1) 0%,rgba(0,106,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24dc9c', endColorstr='#006aff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    left: 0;
    position: absolute;
    opacity : 0;
   -webkit-transform:translate3d(0,50%,0);
   -ms-transform:translate3d(0,50%,0);
   -o-transform:translate3d(0,50%,0);
   transform:translate3d(0,50%,0);
}
.view-feed-noticias .views-row .views-field-body .imagen-destacada:after{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  -webkit-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,12313d+100&0+0,1+100 */
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+31,006aff+100&0+41,1+100 */
/* background: -moz-linear-gradient(top,  rgba(255,255,255,0) 31%, rgba(218,233,255,0) 41%, rgba(0,106,255,1) 100%); /* FF3.6-15 */
/* background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 31%,rgba(218,233,255,0) 41%,rgba(0,106,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
/* background: linear-gradient(to bottom,  rgba(255,255,255,0) 31%,rgba(218,233,255,0) 41%,rgba(0,106,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#006aff',GradientType=0 ); /* IE6-9 */
left: 0;
  opacity: .8;
}
.view-feed-noticias .imagen-destacada:before,.view-feed-noticias .imagen-destacada:after, .views-field-field-feeds-link, .views-field-body p{
   -webkit-transition:opacity 0.35s, transform 0.35s;
   -o-transition:opacity 0.35s, transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
}

/* hover animation rss feed*/
/*
.view-feed-noticias .views-row:hover .views-field-field-feeds-link{
  -webkit-transform:translate3d(0,-115px,0);
   -ms-transform:translate3d(0,-115px,0);
   -o-transform:translate3d(0,-115px,0);
   transform:translate3d(0,-115px,0);
}
.view-feed-noticias .views-row:hover .imagen-destacada:before{
    opacity: .9;
  -webkit-transform:translate3d(0,0,0);
   -ms-transform:translate3d(0,0,0);
   -o-transform:translate3d(0,0,0);
   transform:translate3d(0,0,0);
}
.view-feed-noticias .views-row:hover .imagen-destacada:after{
  opacity:0;
   -webkit-transform:translate3d(0,50%,0);
   -ms-transform:translate3d(0,50%,0);
   -o-transform:translate3d(0,50%,0);
   transform:translate3d(0,50%,0);
}
.view-feed-noticias .views-row:hover .views-field-body p {
   opacity: 1;
 -webkit-transform:translate3d(0,145px,0);
   -ms-transform:translate3d(0,145px,0);
   -o-transform:translate3d(0,145px,0);
   transform:translate3d(0,145px,0);
}
*/
.view-feed-noticias .imagen-destacada img{
  width: 100%;
 /* height: auto;
 height: 320px;*/
}
.view-feed-noticias .views-field-field-fecha-de-publicacion{
  color:#fff !important;
}
/* fin cambios personalizados*/
/* -- Etiquetas -- */
/* --------------- */
h1{
  font-family: 'Open Sans';
  font-size: 1.65em;
}
h2{
  color:#999;
  font-family: 'Open Sans Bold' !important;
  font-size: 1.2em;
  line-height: 1.5em;
}
h3{
  font-family: 'Open Sans';
  font-size: 1.2em;
  line-height: 1.5em;
}
h4{
  font-family: 'Open Sans';
  font-size: 1.2em;
  line-height: 1.5em;
}
h5{
  font-family: 'Open Sans';
  font-size: 1.2em;
  line-height: 1.5em;
}
h6{
  font-family: 'Open Sans';
  font-size: 1.2em;
  line-height: 1.5em;
}
p{
  font-family: 'Open Sans Light';
  font-size: 1em;
  color: #666;
}
a{
  font-size: 1em;
  font-family: 'Open Sans Light';
}

.centrar {
    text-align: center;
}

/*
a.active-trail {
    background-color: rgba(0,62,101,1);
    color: #ffffff !important;
}

a.active-trail:hover {
    color: rgba(0,62,101,1) !important;
    text-decoration: none;
}
*/
.encabezado-b-2{
  text-align: center;
}
.views-field-title a{
  font-family: 'Open Sans';
  font-size: 16px;
  color: #000;
  text-decoration: none;
}
.views-field-field-fecha-de-publicacion{
  font-family: 'Open Sans Light';
  line-height: 1em;
  font-size: 0.8em;
  color:#666;
}


#encabezado .encabezado-a-1 .block {
    float: left;
    font-family: 'Open Sans Light';
    font-size: 11px;
    width: 50%;
}

a{
  color: rgba(0,62,101,1);
  text-decoration: underline;
}

a:hover{
  color: rgb(0,62,101);;
  text-decoration: underline;
}

body{
  background-color: #f4f5fa;
}
/* -- ID'S -- */
/* ---------- */
#encabezado{
  background:#fff;
  background-image:  url('../imagenes/malla.png');
  background-repeat: no-repeat;

}

#posicion{
  background-color: #fff;

  padding: 0 0 40px 0;
  position: relative;
    -webkit-box-shadow: -1px -1px 11px -2px rgba(0,0,0,0.25);
    -moz-box-shadow: -1px -1px 11px -2px rgba(0,0,0,0.25);
    box-shadow: -1px -1px 11px -2px rgba(0,0,0,0.25);
}
.breadcrumb{
  padding-top: 0.5em;
}

/* -- Clases -- */
/* ------------ */

.codigo{
  background: #d3d3d3  none repeat scroll 0% 0%;
  border-left-width: 1px;
  border-right-width: 1px;
  border-width: 1px 0px;
  border-style: dashed;
  border-color: #000;
  color: #333;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  padding: 1em;
  width: 95%;
}

.contenedor{
  width: 1024px;
  margin: auto;
  background-color: #f2f2f2;
}

.encabezado-a, .encabezado-b{
/*  background-color: #ffffff;*/
  padding: 0 30px 25px 30px;
  max-width: 1024px;
  margin: 0 auto;
}

.encabezado-c{
/*  bottom: 6px;
    margin: 0.8em 0 0 0;*/
    position: relative;
    padding: 0;
}

.encabezado-c-1{
  background: rgba(36,220,156,1);
background: -moz-linear-gradient(left, rgba(36,220,156,1) 0%, rgba(0,106,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(36,220,156,1)), color-stop(100%, rgba(0,106,255,1)));
background: -webkit-linear-gradient(left, rgba(36,220,156,1) 0%, rgba(0,106,255,1) 100%);
background: -o-linear-gradient(left, rgba(36,220,156,1) 0%, rgba(0,106,255,1) 100%);
background: -ms-linear-gradient(left, rgba(36,220,156,1) 0%, rgba(0,106,255,1) 100%);
background: linear-gradient(to right, rgba(36,220,156,1) 0%, rgba(0,106,255,1) 100%);
background-image: url("../imagenes/fondo-footer-canal.png");
background-size: cover;
    border: none;

    width: 100%;
    text-align: center;
}

.block-block-21 .content p{
  color: #ffffff;
}

.posicion-c-3{
  position: relative;
}
/* dañaba la posicion de los elementos
.region-posicion-c-3 .content{
  position: absolute;
  right: 0;
}
*/
/* -- menú -- */
/* ---------- */

ul li.leaf {
list-style-image: none;
list-style-type: none;
}

/* -- Migas de pan -- */
/* ------------------ */
#migas-de-pan a {
    text-decoration: underline;
}

#migas-de-pan span,
#migas-de-pan a {
    color: #999999;
    font-size: 14px;
    font-family: 'Open Sans Light';
}

#posicion .region-posicion-a-1 {
  /*  margin-top: 1.6em;*/
    padding: 0 !important;
}

/* -- Estilos para enlaces destacados -- */
/* ------------------------------------- */
.view-enlaces-destacados {
    width: 309px;
    height: auto;
}

#block-views-enlaces-destacados-block-2 .content{
    border: 0px;
}

#block-views-enlaces-destacados-block-2 a {
    border: 2px solid #dce0e2;
    margin-bottom: 0.3em;
}

.views-row-odd .enlace-primario {
    text-align: right;
}

.views-row-even .enlace-primario {
    text-align: left;
}

.enlace-destacado {
    display: block;
    text-decoration: none;
}

.enlace-destacado:hover {
    text-decoration: none;
}

.enlace-secundario {
    background-color: #dce0e2;
    color: #333434;
    font-size: 0.9em;
    line-height: 0.9em;
    text-align: left;
    padding: 10px 15px;
    margin-bottom: 10px;
}

/* -- Estilos para la presentación de términos de taxonomía --*/
/* -----------------------------------------------------------*/
#lista-terminos h3 {
    margin: 0;
    text-transform: uppercase;
}

/* -- Estilos para menú principal -- */
/* ----------------------- */
/*
#block-system-main-menu  input,
#block-system-main-menu label {
  display: none;
}
*/
#block-system-main-menu  label {
  width: 100%;
  float: left;
  padding: 10px;
  padding-right: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#menu-principal, #block-menu-menu-transparencia-segundo-nivel{
    transition: 0.5s all;
}

#menu-principal li{
  border-right: 1px solid #ffffff;
  margin: 0;
  padding: 0;
}
#menu-principal li:last-of-type{
  border-right: none;
}
#menu-principal li a{
  color: #ffffff;
  padding: 1.1em 1em;
  margin-left: -0.3em;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
     font-family: 'Open Sans';
     font-size: 0.9em;
}

#menu-principal li a:before{
  margin: 0;
  padding: 0 1em 0 0;
}

#menu-principal li a:hover{
  background-color: #ffffff;
    color: rgba(0,62,101,1);
    text-decoration: none;
    font-family: 'Open Sans';
}
#menu-principal ul ul li a, #menu-principal ul.pure-menu-children li a {
    display: block;
    text-align: left;
    white-space: initial;
}
#menu-principal ul.pure-menu-children{
    background-color: rgba(0, 0, 0, .8);
    z-index: 9000;
}
#menu-principal ul.pure-menu-children a{
  margin-left: 0;
  padding: .6em 1em;
}
#menu-principal ul.pure-menu-children li{
  border-right: none;
  margin-right: 0;
  padding-right: 0;
  display: block;
  min-width: 250px;
}
#menu-principal ul.pure-menu-children ul.pure-menu-children{
  background-color: rgba(0,0,0,.8);
  color: #ffffff;
  left: 100%;
  position: absolute;
  top:0;
}
#menu-principal  .pure-menu-active > .pure-menu-link,
#menu-principal  .pure-menu-link:hover, #menu-principal  .pure-menu-link:focus{
  background: rgba(255,255,255,1);
  color: rgba(0,62,101,1);
  white-space: normal;
}
.f-nav{
    z-index: 40;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background:url('../imagenes/logo_bogota2020.png') no-repeat 98% 50%, rgba(36,220,156,1);
background:url('../imagenes/logo_bogota2020.png') no-repeat 98% 50%, -moz-linear-gradient(left, rgba(36,220,156,1) 0%, rgba(0,106,255,0.75) 100%);
background:url('../imagenes/logo_bogota2020.png') no-repeat 98% 50%, -webkit-gradient(left top, right top, color-stop(0%, rgba(36,220,156,1)), color-stop(100%, rgba(0,106,255,0.75)));
background:url('../imagenes/logo_bogota2020.png') no-repeat 98% 50%, -webkit-linear-gradient(left, rgba(36,220,156,1) 0%, rgba(0,106,255,0.75) 100%);
background:url('../imagenes/logo_bogota2020.png') no-repeat 98% 50%, -o-linear-gradient(left, rgba(36,220,156,1) 0%, rgba(0,106,255,0.75) 100%);
background:url('../imagenes/logo_bogota2020.png') no-repeat 98% 50%, -ms-linear-gradient(left, rgba(36,220,156,1) 0%, rgba(0,106,255,0.75) 100%);
background:url('../imagenes/logo_bogota2020.png') no-repeat 98% 50%, linear-gradient(to right, rgba(236, 60, 101,1) 0%, rgba(240, 116, 57,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24dc9c', endColorstr='#006aff', GradientType=1 );
  /*  background-color: rgba(0,159,227,0.9);
        background-image: url('../imagenes/logo_admin_fff.png');
    background-size: 6%;
    background-repeat: no-repeat;
    background-position: 98% 50%;*/
    transition: 0.5s all;
    animation-name: animacionM;
    animation-duration: 0.6s;

}
@keyframes animacionM {
    from {-webkit-transform: translateY(-80px);
      -ms-transform: translateY(-80px);
      -o-transform: translateY(-80px);
      transform: translateY(-80px);}
    to {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      }
}

.f-nav2{
    z-index: 40;
    position: fixed;
    left: 0;
    top: 44px;
    width: 100%;
    background-color: rgba(255,255,255,0.98);
    transition: 0.5s all;
}
.f-nav2 .content{
  text-align: center;
}
/* -- Estilos Menú  Segundo Nivel -- */
/* --------------------------------- */
#block-menu-menu-transparencia-segundo-nivel .content {
    text-align: center;
}

#menu-segundo-nivel li {
    display: table-cell; /*no table-row needed*/
    max-width: 130px;
    margin: 0;
    padding: 0;
}

#menu-segundo-nivel li a {
    white-space: normal;
    line-height: 0.95em;
    text-align: center;
    padding: 0.6em 0.4em;
    text-decoration: none;
}

#menu-segundo-nivel li:hover {
    background-color: #EEEEEE;
}

#menu-segundo-nivel a:hover {
    background-color: transparent;
}

#menu-segundo-nivel a{
    color: rgba(0,62,101,1);
    font-size: 0.9em;
}
#menu-segundo-nivel li.active{
  border-bottom: 3px solid rgba(0,62,101,1);
}

/* -- Estilos Menú verticales --*/
/* -----------------------------*/

.region-posicion-e-3 .pure-menu-list li a.active{
  background-color: rgba(0,62,101,1);
  color: #ffffff !important;
}

.region-posicion-e-3 .pure-menu-link {
    white-space: normal;
}

/* -- Estilos Menú Secundario -- */
/* ----------------------------- */

#block-menu-menu-menu-secundario ul li{
  margin: 0;
  padding: 0;
}

#encabezado .encabezado-a-1 ul li a{
  border-right: 1px solid #666666;
  color: #666666;
  text-decoration: underline;
  padding: 0 0.5em;
  font-family: 'Open Sans Light';
    font-size: 11px;
}
#encabezado .encabezado-a-1 ul li:last-of-type a{
  border-right: none;
}

#encabezado .encabezado-a-1 ul li a:hover{
  background-color: #B3B3B3;
  color: #000000;
  text-decoration: none;
}


/*-- slideshow --*/
/*-------------*/

#block-views-main-slideshow-block{
  position: relative;
}

#block-views-main-slideshow-block .views-slideshow-cycle-main-frame {
  margin: 0 auto;
}

#block-views-main-slideshow-block .views-slideshow-controls-bottom {
    bottom: 5%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 250px;
    z-index: 10;
    text-align: center
}
#block-views-main-slideshow-block .views-slideshow-controls-bottom .views-slideshow-pager-field-item {
    height: 15px;
    display: inline-block;
}
#block-views-main-slideshow-block .views-slideshow-controls-bottom .views-slideshow-pager-field-item:first-of-type .views-field-counter{
  margin-left: 0;
}
#block-views-main-slideshow-block .views-field-counter{
  background: rgba(0,159,227,1);
    border: 2px solid #fff;
    border-radius: 1em;
    cursor: pointer;
    color: rgba(0,0,0,0);
    float: left;
    width: 14px;
    height: 14px;
    margin-left: 20px;
}

#block-views-main-slideshow-block .views-field-counter:hover{
  background: #fff;
  border: 2px solid rgba(0,62,101,1);
}

#block-views-main-slideshow-block .active .views-field-counter{
  background: #fff;
  border: 2px solid rgba(0,62,101,1);
}

#block-views-main-slideshow-block .views-slideshow-controls-top{
  bottom: 45%;
    position: absolute;
    z-index: 10;
    width: 100%;
}
#block-views-main-slideshow-block #views_slideshow_controls_text_main_slideshow-block span{
    background-color: rgba(0,159,227,1) ;
    border: 2px solid #fff;
    border-radius: 17px;
    height: 29px;
    width: 29px;
    overflow: hidden;
    text-indent: 100%;
}
#block-views-main-slideshow-block .views-slideshow-controls-text-previous{
    background-image: url('../imagenes/navegacion_pre.png');
    float: left;
    margin-left: 20px;
  }

#block-views-main-slideshow-block .views-slideshow-controls-text-pause{
  display: none;
  }

#block-views-main-slideshow-block .views-slideshow-controls-text-next{
    background-image: url('../imagenes/navegacion_pos.png');
    float: right;
    margin-right: 20px;
 }

 #views_slideshow_cycle_teaser_section_main_slideshow-block .info-breve{
  display: none;
  background: transparent;
    top: 33%;
    font-family: 'Open Sans';
    font-size: 45px;
    font-weight: bold;
    left: 115px;
    margin: 0 auto;
    position: absolute;
    width: 380px;
    z-index: 10;
 }

  #views_slideshow_cycle_teaser_section_main_slideshow-block .info-breve a{
    text-decoration:none;
    color: #fff;
    text-shadow: 3px 3px 1px #000;

  }


/*-- header --*/
/*-------------*/

#encabezado .encabezado-b-2 h1{
  margin-top: 15px;
  margin-bottom: 0;
}

 #block-views-db425925bfe11f9c35824a11f164700a .field-content{
  float: right;
}

#search-block-form .container-inline{
  float: right;
}

#encabezado .form-submit{
    background: rgba(240, 116, 57,0.75) url("../imagenes/header_buscar_boton.png") repeat scroll 0 0;
    border-radius: 0;
    height: 29px;
    margin-right: 5px;
    overflow: hidden;
    text-indent: 25px;
    width: 29px;
    border: 0px;
}

#encabezado .form-item-search-block-form{
    color: #656565;
    font-family: 'Open Sans';
    font-size: 14px;
    margin-right: 8px;
}
#encabezado .form-item-search-block-form .form-text{
    min-width: 220px;
    max-width: 250px;
    min-height: 25px;
    padding: 0.17em 1em;
    border-radius: 0;
    border: 0;
    background: #f7f7f7;
    top: -4px;
    position: relative;
}

#block-easy-social-easy-social-block-1{
  float: right;
    margin-right: 17px;
}

#encabezado .nombre-sitio span{
  display: block;
}

#encabezado .encabezado-a-1 .block {
    float: left;
    width: 50%;
}


/*-- Enlaces destacados --*/
/*------------------------*/

#block-views-enlaces-destacados-block .views-row{
    margin-bottom: 0.3em;
  border-bottom: 5px solid transparent;
  /*border-image: url("../imagenes/destacadoBarra.png") 6 0 round;*/
  margin-top: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}

.view-enlaces-destacados .field-content:first-child{
    font-size: 20px;
    font-family: 'Open Sans';
    text-shadow: 1px 2px 2px #000;
    color: #fff;
    padding: 0 5px;
}

.view-enlaces-destacados .field-content:last-child{
    font-size: 25px;
    font-family: 'Open Sans Bold';
    text-shadow: 1px 2px 2px #000;
    color: #fff;
    padding: 0 5px;
}

#block-views-enlaces-destacados-block h2{
  color: rgba(255,255,255,0);
  margin-bottom: 0;
}

/* ------ Estilos Característica Funcional Noticias  -------- */
/* ------ Estilos Característica Funcional Marco Legal  ----- */
/* ---------------------------------------------------------- */

.view-otras-noticias ul li, .view-noticias ul li, .view-pagina-noticias ul li,.view-blog ul li{
  margin-left: 0;
  list-style: none;
}
.view-otras-noticias .view-footer a, .view-noticias .views-field-view-node a{
  color: rgb(0,159,227);
  text-decoration: none;
}
.view-otras-noticias .view-footer a:hover, .view-noticias .views-field-view-node a:hover{
  color: rgb(0,62,101);
  text-decoration: underline;
}
.view-otras-noticias img, .view-pagina-noticias img, .view-blog img {
  float: left;
        margin-right: 10px;
}
.view-otras-noticias .views-field-title a, .view-pagina-noticias .views-field-title a{
  color: rgba(0,62,101,1)
}
.view-otras-noticias .views-field-field-copete p, .view-pagina-noticias .views-field-field-copete p{
  margin-top: 5px;
}
#posicion .posicion-a div .region, #posicion .posicion-e div:last-child .region-content{
  padding-right: 0;
  padding-left: 0;
}
#posicion section div:first-child .region{
  padding-right: 10px;
  padding-left: 0;
}

#posicion section div:last-child .region {
  padding-left: 10px;
  padding-right: 0;
}
#posicion section div .region{
  padding-right: 10px;
  padding-left: 10px;
}
#posicion h2, #posicion .view-header .noticias {
  border-bottom: 1px solid;
    font-size: 1.2em;
    line-height: 1.5em;
    font-family: 'Open Sans Light';
}
#posicion .region-content h2 {
  height: initial;
  border-bottom: 0;
}
#posicion .block-system h2{
  /*border-bottom: 1px solid rgba(0,62,101,1);*/
  color: rgba(0,62,101,1);
  font-family: 'Open Sans';
  font-size: 2em;
    line-height: 1.3em;
  text-transform: uppercase;
  margin-bottom: 0;
}

#block-views-noticias-block-1 h2{
  margin-right: -10px;
}

#block-views-otras-noticias-block-1 > h2:after{
  content: "\00A0";
}

#block-views-otras-noticias-block-1 h2{
  margin-left: -10px;
}

#block-views-noticias-block-1 .views-field-view-node, #block-views-otras-noticias-block-1 .view-footer{
  text-align: right;
}

#block-views-exp-pagina-noticias-page .content{
  background-color: #eee;
  padding: 5px 5px 17px 5px;
}

#block-views-exp-pagina-noticias-page input{
  max-width: 220px;
}
/*cambio fredy morales*/
select {
  -webkit-appearance: none;
    appearance: none;
    background: url(../imagenes/navegacion_aba_a.png) no-repeat 100% 50% #fff !important;
    color: #59676f;
    border: 2px solid #e6e6e6;
    width: 100%;
    padding: 10px;
    border-radius: 6px;
}

#block-views-noticias-relacionadas-block ul li{
  color: rgba(0,62,101,1);
}

#block-views-noticias-relacionadas-block a{
  color: rgba(0,62,101,1);
}

#block-views-noticias-relacionadas-block a:hover{
  color: #7fc1d9;
}

#block-views-exp-pagina-noticias-page .views-exposed-widget .form-submit {
  background-color: #0085d2;
  border: 0;
  color:#fff;
  height: 35px;
  margin: 0;
  padding: 5px;
}

#block-views-exp-pagina-noticias-page fieldset{
  border: 0px solid #ffffff;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: 10px;
}

#block-views-exp-pagina-noticias-page .fieldset-wrapper{
  border: 1px solid rgba(0,62,101,1);
  padding: 5px 5px 5px 5px;
}

#block-views-exp-pagina-noticias-page fieldset legend{
  background-color: #0085d2;
  border-radius: 2px;
}

#block-views-exp-pagina-noticias-page fieldset legend a{
  color: #ffffff;
  font-family: 'Open Sans';
  font-size: 14px;
  text-decoration: none;
}


#block-views-exp-pagina-noticias-page fieldset.collapsible .fieldset-legend {
    background-image: url('../imagenes/navegacion_aba.png') !important;
    background-position: right 15px top 5px !important;
    background-repeat: no-repeat !important;
}

#block-views-exp-pagina-noticias-page fieldset.collapsed .fieldset-legend {
    background-image: url('../imagenes/navegacion_arri.png') !important;
    background-position: right 15px top 5px !important;
    background-repeat: no-repeat !important;
}

.node-type-blog .field-name-field-imagen-blog img {
    float:left;
    margin: 0.5em;
}

#nodo-contenido-noticias h2,
#nodo-contenido-marco-legal h2{
  font-family: 'Open Sans';
  font-size: 16px;
  color: #007fb2;
}

#nodo-contenido-noticias h6,
#nodo-contenido-marco-legal h6{
  margin: 0;
}

#nodo-contenido-noticias h6,#nodo-contenido-noticias h6 a,
#nodo-contenido-marco-legal h6,#nodo-contenido-marco-legal h6 a{
  font-size: 12px;
  font-family: 'Open Sans Light';
  color: #b2b2b2;
}

#nodo-contenido-noticias .creacion{
  float: left;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #b2b2b2;
    margin-bottom: 30px;
}

#nodo-contenido-noticias .copete p{
  font-family: 'Open Sans Light';
  margin: 1em;
  font-style: italic;
}

#nodo-contenido-noticias #field-slideshow-1-controls{
  background-color: #ddd;
  height: 34px;
  max-width: 480px;
  padding: 2px;
  position: relative;
  top: -4px;
  z-index: 10;
}

#nodo-contenido-noticias #field-slideshow-1-controls .prev{
  background-color: rgba(0,62,101,1);
  background-image: url('../imagenes/navegacion_pre.png');
  border: 2px solid #ffffff;
  border-radius: 16px;
  color: rgba(0,0,0,0);
  height: 29px;
  left: 3%;
  position: absolute;
  width: 29px;
}

#nodo-contenido-noticias #field-slideshow-1-controls .next{
  background-color: rgba(0,62,101,1);
  background-image: url('../imagenes/navegacion_pos.png');
  border: 2px solid #ffffff;
  border-radius: 16px;
  color: rgba(0,0,0,0);
  height: 29px;
  position: absolute;
  right: 3%;
  width: 29px;
}

#nodo-contenido-noticias #field-slideshow-1-controls .play{
  background-color: rgba(0,62,101,1);
  background-image: url('../imagenes/play.png');
  border: 2px solid #ffffff;
  border-radius: 16px;
  color: rgba(0,0,0,0);
  height: 29px;
  position: absolute;
  right: 45%;
  width: 29px;
}

#nodo-contenido-noticias #field-slideshow-1-controls .pause{
  background-color: rgba(0,62,101,1);
  background-image: url('../imagenes/pause.png');
  border: 2px solid #ffffff;
  border-radius: 16px;
  color: rgba(0,0,0,0);
  height: 29px;
  position: absolute;
  right: 45%;
  width: 29px;
}

#nodo-contenido-noticias .field-type-taxonomy-term-reference{
  margin: 10px 0 10px 0;
}

#nodo-contenido-noticias .field-type-taxonomy-term-reference .field-item {
  display: inline;
  margin-right: 5px;
}

#nodo-contenido-noticias .field-name-field-noticia-tags .field-items a::before{
  content: "#";
}

#nodo-contenido-noticias .field-label {
  height: 24px;
  border-bottom: 1px solid;
  color: #666;
  margin: 15px 0;
}

#nodo-contenido-marco-legal .field-label{
  height: 24px;
  color: #666;
}

#nodo-contenido-noticias table {
  border-collapse: separate;
  border-spacing: 0px;
  border-color: gray;
  font-weight: bold;
  margin: 15px 0;
  width: 100%;
}
#nodo-contenido-noticias table thead{
  color: #000000;
  font-family: 'Open Sans';
  font-size: 16px;
}

#nodo-contenido-noticias table thead tr td{
  border-bottom: 2px solid rgba(0,62,101,1);
}

#nodo-contenido-noticias table tbody tr td{
  color: #777777;
  font-family: 'Open Sans';
  font-size: 14px;
  padding: 5px;
}

#nodo-contenido-marco-legal .lanzadera {
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(50%);
}

/* -- Estilos bloque evento -- */
/* --------------------------- */

#block-views-eventos-block-1 .view-id-eventos{
  border: 1px solid #999999;
  border-radius: 2px;
}
#block-views-eventos-block-1 .pager a,
.view-eventos .pager a{
    background-color: rgba(0,159,227,1);
    border: 2px solid #fff;
    border-radius: 17px;
    height: 29px;
    width: 29px;
    overflow: hidden;
    text-indent: 100%;
    color: rgba(0,159,227,0) !important;
    display: block;
    margin: 0;
    padding: 0;
}
#block-views-eventos-block-1 .pager li, .view-eventos .pager li{
    background-color: rgba(0,62,101,0) !important;
    margin: 0.15em 1em;
    padding: 0;
}

#block-views-eventos-block-1 .date-prev a,
.view-eventos .date-prev a{
  background-image: url('../imagenes/navegacion_pre.png');
}

#block-views-eventos-block-1 .date-next a,
.view-eventos .date-next a{
  background-image: url('../imagenes/navegacion_pos.png');
}

.view-eventos .date-heading h3{
  font-family: 'Open Sans';
  font-size: 19px;
}

.view-eventos .date-heading h3 a{
  color: rgb(0,62,101);
    text-decoration: none;
}

.view-eventos .date-nav{
  border-bottom: 1px solid #999999;
  padding-bottom: 0;
}
.view-eventos .calendar-calendar th.days{
  background-color: #ffffff;
  border: 0px solid #ccc;
  color: rgb(0,62,101);
}

.view-eventos .mini-day-on{
  background-color: #003B54;
  border-radius: 2px;
}

.view-eventos .mini-day-on a{
  color: #ffffff;
  text-decoration: none;
}

.view-eventos .calendar-calendar td{
  text-align: center;
}
.view-eventos .calendar-calendar .today{
  background: rgba(0,159,227,1) !important;
  color: #fff !important;
  font-family: 'Open Sans Bold' !important;
}
.view-eventos .calendar-calendar td div.month{
  padding: 3px 0 3px 0;
}

/* -- Estilos Caracteristica funcional evento -- */
/* --------------------------------------------- */

#nodo-contenido-eventos h2{
  font-family: 'Open Sans';
  color: #007fb2;
}

#nodo-contenido-eventos #field-slideshow-1-controls{
  background-color: #ddd;
  height: 34px;
  max-width: 480px;
  padding: 2px;
  position: relative;
  top: -4px;
  z-index: 10;
}

#nodo-contenido-eventos #field-slideshow-1-controls .prev{
  background-color: rgba(0,62,101,1);
  background-image: url('../imagenes/navegacion_pre.png');
  border: 2px solid #ffffff;
  border-radius: 16px;
  color: rgba(0,0,0,0);
  height: 29px;
  left: 3%;
  position: absolute;
  width: 29px;
}

#nodo-contenido-eventos #field-slideshow-1-controls .next{
  background-color: rgba(0,62,101,1);
  background-image: url('../imagenes/navegacion_pos.png');
  border: 2px solid #ffffff;
  border-radius: 16px;
  color: rgba(0,0,0,0);
  height: 29px;
  position: absolute;
  right: 3%;
  width: 29px;
}

#nodo-contenido-eventos #field-slideshow-1-controls .play{
  background-color: rgba(0,62,101,1);
  background-image: url('../imagenes/play.png');
  border: 2px solid #ffffff;
  border-radius: 16px;
  color: rgba(0,0,0,0);
  height: 29px;
  position: absolute;
  right: 45%;
  width: 29px;
}

#nodo-contenido-eventos #field-slideshow-1-controls .pause{
  background-color: rgba(0,62,101,1);
  background-image: url('../imagenes/pause.png');
  border: 2px solid #ffffff;
  border-radius: 16px;
  color: rgba(0,0,0,0);
  height: 29px;
  position: absolute;
  right: 45%;
  width: 29px;
}

#nodo-contenido-eventos .datos h2{
  color: #999999;
  font-family: 'Open Sans';
  font-size: 14px;
  margin-bottom: 0px;
}

#nodo-contenido-eventos .datos p{
  margin-top: 0px;
}

#nodo-contenido-eventos .contenedor-info-eventos{
  margin: 15px;
}

#nodo-contenido-eventos .contenedor-info-eventos h2{
  border-bottom: 0px;
}

#nodo-contenido-eventos .field-label{
  color: #999999;
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: normal;
}

#nodo-contenido-eventos .field-items {
  color: #666;
  font-family: 'Open Sans Light';
  font-size: 14px;
  text-decoration: none;
  margin-bottom: 14px;
}

#nodo-contenido-eventos .field-items a{
  color: #666;
  cursor: default;
  font-family: 'Open Sans Light';
  font-size: 14px;
  text-decoration: none;
  margin-bottom: 14px;
}

#nodo-contenido-eventos .field-name-field-inscripcion-evento a{
  color: #ffffff;
}

#nodo-contenido-eventos .relacionados .field-label{
  border-bottom: 1px solid #999999;
  color: #999999;
  font-size: 16px;
  margin-bottom: 5px;
}

#nodo-contenido-eventos .relacionados .field-items a{
  color: rgba(0,62,101,1);
  cursor: pointer;
  font-family: 'Open Sans';
  font-size: 14px;
  text-decoration: underline;
}

#nodo-contenido-eventos .relacionados .field-name-field-palabras-claves-evento .field-items a::before{
  content: "#";
}

#nodo-contenido-eventos .field-name-field-palabras-claves-evento .field-item {
  display: inline;
  margin-right: 5px;
}

/* ----------------------- Estilos vista eventos ------------------------------ */
.calendar-calendar .week-view .full div.single-day div.weekview,
.calendar-calendar .day-view .full div.single-day div.dayview {
    background: rgb(0,159,227) !important;
    color: #fff;
    border-color: rgba(0,62,101,1) !important;
}

.calendar-calendar .day-view .full td .inner div.calendar div a {
    color: rgb(0,62,101) !important;
}
.view .date-nav-wrapper .date-heading h3 {
    padding-top: 0.1em;
    color: rgba(0,62,101,1) !important;
    font-family: 'Open Sans' !important;
    font-size: 1.2em !important;
    text-align: center;
    line-height: 1.05em !important;
    padding-bottom: 0.2em;
}
.view-eventos .year-view div.month-view div.date-nav{
  background-color: rgb(0,62,101);
}
.view-eventos .calendar-calendar div.date-nav a,
.view-eventos .calendar-calendar div.date-nav h3 {
    color: #fff;
    text-decoration: none;
}
.calendar-calendar .month-view .full tr td.today,
.calendar-calendar .month-view .full tr.odd td.today,
.calendar-calendar .month-view .full tr.even td.today{
  border: none !important;
}
.calendar-calendar .month-view .full td.single-day div.monthview,
.calendar-calendar .week-view .full td.single-day div.weekview,
.calendar-calendar .day-view .full td.single-day div.dayview {
    background: transparent;
    width: auto;
    padding: 0;
    overflow: hidden;
    text-align: center;
}
.calendar.monthview .views-field-title {
  text-align: center;
}
.calendar.monthview .views-field-title a {
    font-size: 12px;
    line-height: 10px;
    text-align: center;
}
.view-eventos .calendar-calendar .today .inner .month.day a {
    color: #fff;
}
.calendar-calendar .month-view .full td.date-box {
    padding-bottom: 0 !important;
}

.calendar-calendar .month-view .full tr td.single-day {
    padding-top: 0 !important;
}
.view .date-nav-wrapper .date-heading{
  top: 0.5em;
}
.month-view .date-nav-wrapper .date-heading{
  top: 0;
}
/* pie de pagina*/
footer{
    background-color: #eee;
    /*margin-bottom: 2em;
    padding-bottom: 0.8em;*/
    /* color: #ccc; */


}
footer section {
    padding: 0 1em;
}
footer .pie-b {
   background:rgba(36,220,156,1);
background:-moz-linear-gradient(left, rgba(36,220,156,1) 0%, rgba(0,106,255,0.75) 100%);
background:-webkit-gradient(left top, right top, color-stop(0%, rgba(36,220,156,1)), color-stop(100%, rgba(0,106,255,0.75)));
background:-webkit-linear-gradient(left, rgba(36,220,156,1) 0%, rgba(0,106,255,0.75) 100%);
background:-o-linear-gradient(left, rgba(36,220,156,1) 0%, rgba(0,106,255,0.75) 100%);
background:-ms-linear-gradient(left, rgba(36,220,156,1) 0%, rgba(0,106,255,0.75) 100%);
background:linear-gradient(to right, rgba(36,220,156,1) 0%, rgba(0,106,255,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24dc9c', endColorstr='#006aff', GradientType=1 );
background-image: url("../imagenes/fondo-footer-canal.png");
background-size: cover;
}

#pie h2 {
  color: #5d5d5d;
  font-family: 'Open Sans';
  font-size:14px;
  border-bottom: 1px solid ;
}
#pie .region{
  padding: 10px;
    color: #fff;
}
#pie .region div, #pie .region a {
  font-family: 'Open Sans';
  font-size: 11px;
    text-decoration: none;
}
#block-views-informacion-entidad-block h2 {
    display: none;
}
.view-informacion-entidad .views-field span {
    display: inline-block;
}

.view-informacion-entidad .views-field div.field-content {
    display: inline-block;
}
#pie .view-informacion-entidad {
    padding-left: 15%;
}

.pie-b-2 .container{
    vertical-align: middle;
    display: block;
    padding: 1em 0;
    text-align: center;
    color: #fff;
    font-family: 'Open Sans Light';
    padding-right: 15%;
}

.required_links {

    font-family: 'Open Sans Light';
    font-size: 10px;
    text-align: center;
    width: 100%;
    padding: 0.8em 0 0 0;
    position: relative;
}

.required_links a {
    padding: 0.5em 2em;
    color: #000;
    text-decoration: none;
}
.required_links a:hover {
  text-decoration: underline;
}
a.created_by {
  position: absolute;
    right: 0;
    top: 3px;
    background: url('../../logo-govi.png');
    color: rgba(255,255,255,0);
    background-size: cover;
}
.region.region-pie-d-1 {
    padding: 0 !important;
}
#block-barra-institucional-barra-institucional-block {
    z-index: 10000;
}
#barra-institucional a {
    color: rgba(0,62,101,1) !important;
}

#barra-institucional .mensaje {
    margin-left: 15px;
    margin-right: 15px;
}

/* -- Estilos Caracteristica funcional Directorio funcionarios -- */
/* -------------------------------------------------------------- */

#posicion .view-directorio-funcionarios table td {
    padding: 5px 3px;
}

#jefe-area{
  margin-bottom: 40px;
}

#jefe-area img {
  height: auto;
  margin-left: 15px;
  width: 120px;
}

#posicion .view-directorio-funcionarios .fieldset-wrapper div.cargo{
  font-family: 'Open Sans';
  font-size: 1.3em;
  color: #444444;
  padding: 10px 15px;
}

.label{
  color: #999999;
  font-family: 'Open Sans';
  font-size: 12px;
  text-align: right;
  padding-bottom: 5px;
  padding-top: 5px;
}

.valor{
  color: #878787;
  font-family: 'Open Sans';
  font-size: 14px;
  text-align: left;
  padding-bottom: 5px;
  padding-top: 5px;
}

.imagen-jefe{
  text-align: center;
}

/* -- Estilos menú Organización -- */
/* ------------------------------- */

#block-menu-menu-menu-organizacion .content{
  border: 1px solid rgba(0,62,101,1);
}

#block-menu-menu-menu-organizacion .content ul li {
  padding: 0px;
}

#block-menu-menu-menu-organizacion .content ul li a{
  color: rgba(0,62,101,1);
}

#block-menu-menu-menu-organizacion .content ul li.active a{
  background-color: #FFFFFF;
  color: rgba(0,62,101,1);
}


/* -- Estilos Caracteristica funcional Marco Legal, Contratación, planeación -- */
/* ---------------------------------------------------------------------------- */


#posicion table th {
    padding: 10px;
}

#posicion table td {
    padding: 5px 10px;
}

#posicion .view fieldset{
   padding: 0;
   border: 0px solid #ffffff;
   margin: 0 0 1em 0;
}

#posicion fieldset a.fieldset-title{
    width: 100%;
    display: inline-block;
}
#posicion .view fieldset .view-grouping-content{
  width: 90%;
    margin: 0 auto;
    margin-bottom: 1em;
}

#posicion .view fieldset.collapsed {
   padding: 20px 0 0 0;
   margin: 0;
}

#posicion .fieldset-wrapper{
    border: 1px solid rgba(0,62,101,1);
}

#posicion fieldset legend{
  background-color: rgba(0,62,101,1);
  border-radius: 2px;
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative;
  width: 100%;
  color: #ffffff;
}

#posicion fieldset legend a{
  color: #ffffff;
  font-family: 'Open Sans';
  font-size: 14px;
  text-decoration: none;
}

#posicion table{
  border-collapse: separate;
  border-spacing: 0px;
  border-color: gray;
}

#posicion table thead{
  color: #000000;
  font-family: 'Open Sans';
  font-size: 16px;
}

#posicion table thead tr th{
  border-bottom: 2px solid rgba(0,62,101,1);
}

#posicion table tbody tr td{
  color: #777777;
  font-family: 'Open Sans';
  font-size: 14px;
}

#posicion fieldset.collapsible .fieldset-legend {
    background-image: url('../imagenes/navegacion_arri.png') !important;
    background-position: right 15px top 5px !important;
    background-repeat: no-repeat !important;
}

#posicion fieldset.collapsed .fieldset-legend {
    background-image: url('../imagenes/navegacion_aba.png') !important;
    background-position: right 15px top 5px !important;
    background-repeat: no-repeat !important;
}

#posicion .fieldset-legend span.summary{
  display: none;
}
/* -- Estilos menú Marco Legal, planeación -- */
/* ------------------------------------------ */

.region-posicion-e-3 .block .content{
  border: 1px solid rgba(0,62,101,1);
}

.front .region-posicion-e-3 .block h2{
    border-bottom: 1px solid !important;
    color: #999 !important;
    font-size: 1.2em !important;
    line-height: 1.2em !important;
    font-family: 'Open Sans Light' !important;
    text-align: left;
}

.region-posicion-e-3 .block h2{
    border-bottom: 1px solid rgba(0,62,101,1);
    color: rgba(0,62,101,1) !important;
    font-family: 'Open Sans' !important;
  font-size: 1.2em !important;
    text-align: center;
    line-height: 1.05em !important;
    padding-bottom: 0.2em;
}
.region-posicion-e-3 .block-menu .content ul li{
  padding: 0px;
}
.region-posicion-e-3 .block-menu .content ul li a{
  color: rgba(0,62,101,1);
}
.region-posicion-e-3 .block-menu .content ul li.active a{
  background-color: rgba(0,62,101,1);
  color: #ffffff;
}
/* --------------------------- Estilos formulario de busquedas ------------------- */
form#search-form .form-wrapper {
    padding: 1em;
    margin: 0 auto;
    font-family: 'Open Sans';
}

form#search-form .form-wrapper input {
    padding: 0.15em 1em;
    border-radius: 0.2em;
    border: 1px solid rgba(128, 128, 128, 0.5);
}

form#search-form .form-wrapper input[type="submit"] {
    background-color: rgb(0,159,227);
    border: none;
    color: #fff;
}
.search-advanced legend {
    position: relative !important;
}

.search-advanced .fieldset-wrapper {
    margin-top: 0 !important;
    border: none !important;
}
.search-advanced a.fieldset-title{
  width: 100%;
}

/* ------------------- Estilos Sedes -------------------------------- */
.datos-contacto span.views-label {
    font-weight: bold;
}

.datos-contacto .field-content {
    margin-bottom: 10px;
}
.datos-contacto hr {
    margin-bottom: 15px;
}

/* ------------------- Estilos Gestor de videos --------------------- */
/* ------------------- Estilos Gestor de videos --------------------- */

.front .view-videos .views-column{
    width: 100%;
}

.view-videos .views-column {
    width: 48%;
    display: inline-block;
    float: left;
    position: relative;
    overflow: hidden;
    border: 2px solid rgba(0,159,227,1);
    margin-bottom: 0.5em;
}

.view-videos .views-column-first {
    margin-right: 0.5em;
    /* margin-bottom: 0.5em; */
}

.view-videos .views-column img {
    width: 100%;
    cursor: pointer;
}

.view-videos .views-column .views-field-nothing {
    position: absolute;
    bottom: 0;
    height: 35px;
    transition: 2s all;
    width: 100%;
}

.container-top .body-value {
    color: #fff;
    font-size: 0.9em;
    font-family: 'Open Sans Light';
    line-height: 1em;}

.view-videos .views-column:hover .views-field-nothing {
    bottom: 0;
    height: auto;
    transition: all 0.5s;
}

.container-top .video-title {
    padding: 0.5em;
    background-color: rgba(0,62,101,1);
    display: block;
    color: #fff;
}

.container-top .video-info {
    padding: 0.5em;
    background-color: rgba(0,159,227,0.8);
}

.container-top .video-title a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9em;
}

.view-videos .views-column:hover .views-field-nothing .video-title {
    background-color: rgba(0,62,101,0.9);
}

/* ------------------- Estilos Perfiles --------------------- */
div#nodo-contenido-perfil .img_perfil .field-item {
    text-align: center;
}
div#nodo-contenido-perfil .field-items {
    font-family: 'Open Sans';
    text-align: justify;
}
div#nodo-contenido-perfil .field-label {
    font-family: 'Open Sans Bold';
    font-size: 1em;
}
.view-perfiles .views-column {
    display: inline-block;
    width: 31%;
    text-align: center;
    position: relative;
    transition: all 1s;
    border-radius: 100%;
    overflow: hidden;
    border: 3px solid rgba(0,62,101,1);
}

.view-perfiles .views-field-nothing {
    display: none;
    transition: all 1s;
}
.view-perfiles .views-column:hover .views-field-nothing {
    display: block;
    position: absolute;
    top: 0;
    height: 80%;
    width: 80%;
    padding: 10%;
    background-color: rgba(0,159,227,0.5);
    transition: all 1.5s;
}
.view-perfiles .views-column:hover {
    overflow: hidden;
    display: inline-block;
    transition: all 2s;
}
.view-perfiles .views-column img {
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(0,62,101,1);
}
.view-perfiles .views-column img {
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(0,62,101,1);
}


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

.view-perfiles div#container_perfil {
    display: table;
    width: 100%;
    height: 100%;
}

.view-perfiles .body_perfil span {
    display: block;
    color: #fff;
    font-family: 'Open Sans Light';
    font-size: 14px;
    line-height: 14px;
}
.view-perfiles .body_perfil span.title{
    padding-bottom: 0.5em;
}

.body_perfil span.title a {
    color: #fff;
    font-family: 'Open Sans';
    text-decoration: none;
    font-size: 20px;
}
.body_perfil span.title a:hover{
    text-decoration: underline;
}

.scrollToTop{
        width:7px;
        height:1px;
        padding:20px !important;
        text-align:center;
        background-color: rgba(0,159,227,0.8);
        background-image: url('../imagenes/navegacion_arri.png') !important;
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid #fff;
        font-weight: bold;
        color: rgba(0,159,227,0) !important;
        text-decoration: none;
        position:fixed;
        bottom:10%;
        right:5%;
        display:none;
}

.scrollToTop:hover{
        text-decoration:none;
}

/* ---------------------- Responsive Class -------------------- */

@media screen and (max-width: 35.5em) {
    .contenedor{
        width: 100%;
    }
    mobile-no-action a{
      pointer-events: none;
      cursor: default;
    }
    #block-easy-social-easy-social-block-1{
        display: none;
    }
    div#block-search-form {
        margin: 0.5em 0;
    }
    .encabezado-b{
        position: relative;
    }
    .encabezado-a-3{
        display: none;
    }
    .region-encabezado-b-1{
        width: auto;
        display: none;
        top: 0;
        right: 1em;
    }
    .posicion-a-1{
      /*  display: none;*/
    }
    .region-posicion-c-3 .content{
        position: inherit;
    }
    .view-enlaces-destacados{
        width: 100%;
        height: auto;
    }
    .scrollToTop{
        right: 1em !important;
        background-color: rgba(0,159,227,0.6) !important;
    }
    .required_links{
        padding: 0.8em 0 2em 0;
    }
    .required_links a {
        display: block;
    }
    .enlace-destacado{
       background-size: cover;
    }
    #posicion table tr th:nth-of-type(2),
     #posicion table tr td:nth-of-type(2) {
        /*display:none;*/
    }
    #posicion{
      /*  padding: 0 20px 40px 20px;*/
    }
    .wrapper-header {
      /*padding-left: 20px;
      padding-right: 20px;*/
      padding-top: 0px;
    }
    .pure-menu-children{
      width: 100%;
      position: relative !important;
    }
    #menu-principal ul.pure-menu-children ul.pure-menu-children{
      left: 15px;
    }
    .encabezado-a, .encabezado-b{
      display: none;
    }
    #menu-principal{
      margin-top: 50px;
    }
    .logo-capital-movil{
      display: block;
      width: 16%;
      margin-top: 1% !important;
      margin: 0 auto;
    }
    .logo-bogota-movil{
      display: block;
      right: 0;
      position: absolute;
      width: 15%;
      margin-top: -8%;
    }
    .redesp a .icono {
      background: transparent;
      border: 2px solid #ffffff;
      color: white;
    }
    #search-block-form-movil{
      margin-top: 3%;
    }
    .redes-movil{
      display: block;
      padding: 5%;
    }

}
@media (min-width: 35.5em)  and (max-width: 48em){
    .contenedor{
        width: 100%;
    }
    #block-views-main-slideshow-block .views-slideshow-cycle-main-frame{
        width: 100% !important;
        overflow: hidden;
    }
    .view-noticias .pure-img {
        text-align: center;
    }
    .scrollToTop{
        right: 1em !important;
        background-color: rgba(0,159,227,0.6) !important;
        bottom: 8em;
    }
    .encabezado-a-3{
        display: none;
    }
    .region-encabezado-b-1{
        display: none;
    }
    #posicion{
       /* padding: 0 20px 40px 20px;*/
    }
    .wrapper-header {
      /*padding-left: 20px;
      padding-right: 20px;*/
      padding-top: 0px;
    }
    .encabezado-a, .encabezado-b{
      display: none;
    }
    #menu-principal{
      margin-top: 50px;
    }
    .logo-capital-movil{
      display: block;
      width: 16%;
      margin-top: 1% !important;
      margin: 0 auto;
    }
    .logo-bogota-movil{
      display: block;
      right: 0;
      position: absolute;
      width: 15%;
      margin-top: -8%;
    }
    .redesp a .icono {
      background: transparent;
      border: 2px solid #ffffff;
      color: white;
    }
    .open .open .logo-bogota-movil, .open .open .logo-capital-movil{
      display: none;
    }
    #search-block-form-movil{
      margin-top: 3%;
    }
    .redes-movil{
      display: block;
      padding: 5%;
    }
}
@media (min-width: 48em) and (max-width: 64em){
    .contenedor{
        width: 100%;
    }
    #block-views-main-slideshow-block .views-slideshow-cycle-main-frame{
        width: 100% !important;
        overflow: hidden;
    }
    .view-noticias .pure-img {
        text-align: center;
    }
    .view-enlaces-destacados{
        width: 100%;
        height: auto;
    }
    .region-posicion-c-3 .content{
        position: inherit;
    }
    .enlace-destacado{
       background-size: cover;
    }
    .scrollToTop{
        right: 1em !important;
        background-color: rgba(0,159,227,0.6) !important;
        bottom: 8em;
    }
    .encabezado-a-3{
        display: none;
    }
    #posicion{
      /*  padding: 0 20px 40px 20px;*/
    }
    .wrapper-header {
    /*  padding-left: 20px;
      padding-right: 20px;*/
      padding-top: 0px;
    }
    .encabezado-a, .encabezado-b{
      display: none;
    }



}
@media screen and (max-width: 64em){
    div#menu-segundo-nivel .pure-menu-list {
        width: 100%;
    }
    div#menu-segundo-nivel .pure-menu-item {
        display: block;
        width: 100%;
        max-width: 100% !important;
    }
    /*.logo-bogota-movil, .logo-capital-movil{
      display: none;
    }*/
}

/* -- caracteristica funcional transparencia --*/
/* --------------------------------------------*/
ol.site-map-menu { counter-reset: item }
.site-map-menu li { display: block }
.site-map-menu li:before { content: counters(item, ".") " "; counter-increment: item }
