/**
 * Place your custom styles here.
 */

@import url("comunidades.min.css");
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap');


body
{
    font-family: 'Open Sans', sans-serif;

 
}

 @media (min-width: 1200px)
 {
    .container {
        width: 1200px !important;
    }
}

.CajasContenido
{
    border: 1px dotted #B6B6B6;
    padding: 10px;
    overflow: hidden;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
        min-height: 125px;
}

.CajasContenido .imagen
{
    margin-bottom: 10px;
}

.CajasContenido .titulo a
{
    text-decoration: none;
    font-size: 1.1em;
    color: #003e62;
}



.stickynav-active 
{
    position: fixed !important;
    margin-left: auto;
    margin-right: auto;
    max-width: 100% !important;
    margin-top: 0px !important;
    width: 100%  !important;;
    padding-left: 0px;
    padding-right: 0px;
}
#navbar .logo
{
   display: none;

   visibility: hidden;
   opacity: 0;
   transition: visibility 0s, opacity 0.5s linear;
}
#navbar .logo img
{
    height:32px;

}
header.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #39224c;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}
.stickynav-active .logo
{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.CabezotePortal
{
    border: none;
    background-color: #FFF;
        padding-top: 25px;
    text-align: center;
}
.CabezotePortal img
{
 width:85%;
}

.CabezotePortal .navbar-brand {
    float: left;
    height: 105px;
    padding: 50px 23px;
    font-size: 2em;
    line-height: 1.42857143;
}
#navbar
{
    max-width: 100vw;
    width: 100% !important;
    margin: 0px;
}
#navbar .container
{
    max-width:1200px;
    margin-left: auto;
    margin-right: auto;
}

header.navbar-default .navbar-nav > li > a {
    color: #fff;
}

header.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
}

#navbar{
   background-color: #5d4293e8;
    border-color: #5d4293e8;
    border-radius: 0px;
    border-bottom: #093f67 solid 4px;
}

#page-header
{
    max-width: 100vw;
    width: 100%;
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
}
.view-banner-programable .flexslider {
    margin: 0 0 20px 0;
}
.view-banner-programable .flexslider {
    margin: 0 0 20px 0;
}

.flexslider {
    border: none;
}

#block-views-banner-programable-block-1 .flex-control-nav 
{
    bottom: -25px;
    float: right;
    width: auto;
    right: 0;
}

#block-menu-menu-menu-areas {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width:73.5em;
    display: flex;
    margin-top: -15px;
}
#block-menu-menu-menu-areas li {
 float: left;
 padding: 0px 5px !important;
 font-size: 1em;
 margin: 5px 0px !important;
 border-right: #052842 solid 1px;
}


#block-menu-menu-menu-areas .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 5px;
}

.page-node-27366 .highlighted
{

    display: none;
}


/**** Títulos home ***/




.Titulos :before,.Titulos :after {
    font-family: 'FontAwesome';
    font-weight: normal;
}

.block.actualidad h2 {
    background: #5d4293 !important;
    font-weight: bold;
    width: 104%;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 10px;
    color: #fff;
    margin: 0;
    background: #999;
    margin-bottom: 10px;
    margin-top: 0;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    
}

.block.actualidad h2:before {
    font-weight: normal;
    content: "\f1ea";
    font-size: 16px;
    padding-right: 10px;
    font-weight: normal;
}
.block.actualidad p {
    display: none;
}
.elastic-grid li 
{
    margin: 10px 0px 0 0px !important;
    max-width: 366px;
    padding: 10px;
}

.inlineblock
{
    display: inline-block;

}

/** ACTUALIDAD**/

#block-views-2018-home-noticia-3-block-1
{ 
    padding: 0px;
}
.ListaActualidad .FotoLista
{
    padding: 0px;
}
.ListaActualidad .TituloLista
{
 padding: 0px 10px;
}
.ListaActualidad .TituloLista a
{
   text-decoration: none;
   font-size: 1em;
   color: #003e62;
}

.view-2018-home-noticia-3 .CajasContenido:hover,
.view-2018-home-noticia-2 .CajasContenido:hover,
.view-2018-home-noticia-1 .CajasContenido:hover
{
    background: #6d559e;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
}


.view-2018-home-noticia-3 .CajasContenido:hover a,
.view-2018-home-noticia-2 .CajasContenido:hover a,
.view-2018-home-noticia-1 .CajasContenido:hover a{
    color: #FFF !important;
}

.flex-direction-nav a
{

    height: 60px;

}



/******* MOVIDA LOCAL ***/

.contenidolocalidades {
    padding: 14px;
}
.contenidolocalidades img {
 width: 100%;
 height: auto;
}

#inicial, #usaquen, #rafaeluribeuribe, #suba, #chapinero, #engativa, #lacandelaria, #fontibon, #bosa, #kennedy, #usme, #sumapaz, #barriosunidos, #teusaquillo, #losmartires, #santafe, #puentearanda, #antonionarino, #sancristobal, #ciudadbolivar, #tunjuelito {
    display: none;
}

.block.movida-local a {
    color: #F14D18;
}

.block.movida-local #canvas
{
    padding: 0px;
}
.block.movida-local h2 {
    background: #F14D18 !important;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 10px;
    color: #fff;
    margin: 0;
    background: #999;
    margin-bottom: 10px;
    margin-top: 0;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    
}

.block.movida-local h2:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    content: "\f041";
    margin-right: 10px;

}
.block.movida-local
{
    min-height: 636px;
}

.transparencia_2018
{
    margin-bottom: 20px;
}

/**** EVENTOS *****/

.block.eventos h2 {
    background: #148B85 !important;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 10px; 
    color: #fff;
    margin: 0;
    background: #999;
    margin-bottom: 10px;
    margin-top: 0;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    
}

.block.eventos h2:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    content: "\f073";
    margin-right: 10px;

}


.block.eventos .view-2018-home-eventos {
    margin: 0;
    height: 600px;
    MARGIN-BOTTOM: 10px;
    overflow-y: hidden
}

.view-2018-home-eventos .slides li
{
  /*  float:none !important;*/
  min-height: 292px;
  position: relative;
  text-align: center;
  margin: 10px;
  width: 47% !important;
  /****/
  border: 1px dotted #B6B6B6;
  padding: 5px;
  overflow: hidden;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
}
@media only screen and (max-width:650px) {
    /* For mobile phones: */
    .view-2018-home-eventos .slides li
    {
        width: 90% !important;

    }
}


#flexslider-2 {
    height: 520px;
}

.block.eventos .slides
{
    width: 100% !important;
}

.fecha_new {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: .9em !important;
    padding: 0px;
}
.date-display-range {
    color: #c5e8e7;
    text-align: center;
}

.block.eventos span.date-display-start
{
    clear: both;
}

/******* DETALLE NODO EVENTOS  ****/
.node-type-event  .date-display-range
{
    color: #148b87;
}

.node-type-event span.date-display-end {
    border-left: 1px solid #148b87;
    padding-left: 5px;
}
.node-type-event h2
{

background-color: #148b87;
}



/******* FIN  NODO EVENTOS  ****/

.block.eventos .date-display-single, 
.page-eventos .date-display-single,
.region-sidebar-second .date-display-single,
.region-sidebar-first .date-display-single{
    background-color: #148b85;
    padding: 5px;
    padding-top: 10px;
    color: #FFF;
    text-align: center;
    float: right;
    width: 100%;
    height: 45px;
    padding-top: 10px;
}

.block.eventos .date-display-start, 
.page-eventos .date-display-start,
.region-sidebar-second .date-display-start,
.region-sidebar-first .date-display-start
{
    background-color: #c5e8e7;
    padding: 5px;
    padding-top: 17px;
    color: #148b85;
    text-align: center;
    width: 50%;
    float: left;
    height: 45px;
    background-repeat: no-repeat;
    background-position-y: 2px;
    background-image: url(/sites/default/files/adjuntos_paginas_2014/desdehastascrd.png);
}

.block.eventos .date-display-end, 
.page-eventos .date-display-end,
.region-sidebar-second .date-display-end,
.region-sidebar-first .date-display-end 
{
    background-color: #148b85;
    padding: 5px;
    padding-top: 19px;
    color: #FFF;
    text-align: center;
    width: 50%;
    float: left;
    position: absolute;
    right: 0px;
    height: 45px;
    background-repeat: no-repeat;
    background-position-y: 2px;
    background-position-x: -107px;
    background-image: url(/sites/default/files/adjuntos_paginas_2014/desdehastascrd.png);
}


.view-2018-home-eventos .view-header a {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 0.8em;
}

.view-2018-home-eventos .view-header {
  position: absolute;
  right: 30px;
  top: 8px;
}

.block.eventos ul.slides li:hover, 
.block.eventos .views-row:hover {
    background: #148B85;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
}


.block.eventos .titulo {
    font-weight: bold;
    color: #148B85;
    margin-bottom: 10px;
    line-height: 1.3em;
    font-size: 0.9em;
    margin-top: 10px;
}
.block.eventos .titulo a {
    color: #148B85;

}
.block.eventos ul.slides li:hover .titulo a,
.block.eventos ul.slides li:hover .info-date-1, 
.block.eventos ul.slides li:hover .info-date-2, 
.block.eventos .views-row:hover .titulo a, 
.block.eventos .views-row:hover .info-date-1, 
.block.eventos .views-row:hover .info-date-2 {
    color: #FFF !important;
}


.eventos .date-display-single
{
    background-color: #148b85;
    padding: 5px;
    padding-top: 10px;
    color: #FFF;
    text-align: center;
    float: right;
    width: 100%;
    height: 45px;
    padding-top: 10px;
}
.eventos .fecha_new {
 position: absolute;
 bottom: 0px;
 right: 0px;
 font-size: .9em !important;
}

.page-eventos .eventos .fecha_new {
 position: relative !important;
 bottom: 0px;
 right: 0px;
 font-size: .9em !important;
}

.eventos .elastic-grid-thumbnail
{
    position: relative;
}

.eventos ._titulo {

    background-color: #1b4e4c !important;
}

/***** GALERIA DE FOTOS  *****/

.block.GaleriaFotosHome h2 {
    background: #2196F3 !important;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 10px; 
    color: #fff;
    margin: 0;
    background: #999;
    margin-bottom: 10px;
    margin-top: 0;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    
}

.block.GaleriaFotosHome h2:before {
    font-family: 'FontAwesome';
    font-weight: normal; 
    content: "\f083";
    margin-right: 10px;

}

.block.GaleriaFotosHome .elastic-grid li 
{
    width: 274px;

}
.SaladePrensa
{
 position: absolute;
 bottom: 0px;


}
.block.GaleriaFotosHome 
{
    margin-bottom: 20px;
    
}
.block.GaleriaFotosHome .views-row 
{
   padding: 10px;
}
.block.GaleriaFotosHome .CajasContenido
{
    padding: 10px 0px;
    margin-bottom: 0px; 
    min-height: 250px;
}

.block.GaleriaFotosHome  .FotoLista
{
   margin-bottom: 10px;
}




/********* CAJAS REDES  *****/
.block.videoshome .view-2015-home-videos, 
.block.twitter .content, 
.block.facebook .content {
  margin: 0;
  height: 432px;
  overflow-y: scroll;
}

.block.videoshome  h2 {
    background: #C52427 !important;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 10px; 
    color: #fff;
    margin: 0;
    background: #999;
    margin-bottom: 10px;
    margin-top: 0;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    
}

.block.videoshome  h2:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    content: "\f167";
    margin-right: 10px;

}
.block.twitter h2 {
    background: #55acee !important;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 10px; 
    color: #fff;
    margin: 0;
    background: #999;
    margin-bottom: 10px;
    margin-top: 0;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    
}

.block.twitter  h2:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    content: "\f099";
    margin-right: 10px;

}
.block.facebook h2 {
    background: #3a5795 !important;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 10px; 
    color: #fff;
    margin: 0;
    background: #999;
    margin-bottom: 10px;
    margin-top: 0;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    
}

.block.facebook  h2:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    content: "\f09a";
    margin-right: 10px;

}

.block.videoshome .imagen
{
    padding: 0;
}
.block.videoshome .views-row
{
    padding: 0;
}

/******* MICROSITIOS  *********/
.block.micrositios  
{
    margin-top: 20px;
}
.block.micrositios h2 
{
    background: #2196F3 !important;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 10px; 
    color: #fff;
    margin: 0;
    background: #999;
    margin-bottom: 10px;
    margin-top: 0;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.block.micrositios h2:before 
{
    font-family: 'FontAwesome';
    font-weight: normal; 
    content: "\f200";
    margin-right: 10px;
}


/******* Suscripcion AGENDA  *********/


.block.boletin-suscripcion h2 
{
    background: #37385e !important;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 10px; 
    color: #fff;
    margin: 0;
    background: #999;
    margin-bottom: 10px;
    margin-top: 0;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.block.boletin-suscripcion h2:before 
{
    font-family: 'FontAwesome';
    font-weight: normal; 
    content: "\f040";
    margin-right: 10px;
}

.block.boletin-suscripcion .CajasContenido {
    margin: 0 0px 10px 5px;
    background: #050535cc;
    padding: 30px !important;
}
.boletin-suscripcion input[type="text"], .boletin-suscripcion input[type="email"] {
    margin-bottom: 4px;
    font-size: 0.7em;
    padding: 13px 8px 7px;
    height: auto;
}
.boletin-suscripcion #eesubmit {
    width: 270px;
    float: left;
    margin-top: 17px;
}
.boletin-suscripcion input[type="submit"] {
    font-size: 0.9em;
    padding: 11px 20px;
    float: right;
    width: 100%;
    background: #dc5959;
    margin: 10px 0;
    

    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: none;
    border-image-source: none;

    color: #fff;
    text-transform: uppercase;

    cursor: pointer;
}
.boletin-suscripcion input[type="submit"] {
    float: none !important;
}
.boletin-suscripcion input[type="submit"]:hover {
    background: #3bac35;
}

.boletin-suscripcion label {
    display: inline-block;
    color: #FFF;
    font-size: 16px;
}
.boletin-suscripcion .inputs span {
    width: 270px;
    float: left;
    margin-right: 20px;
}


/*******  LINKS DE INTERES  *********/

.block.LinksInteres h2 
{
    background: #2196F3 !important;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 10px; 
    color: #fff;
    margin: 0;
    background: #999;
    margin-bottom: 10px;
    margin-top: 0;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.block.LinksInteres h2:before 
{
    font-family: 'FontAwesome';
    font-weight: normal; 
    content: "\f040";
    margin-right: 10px;
}

.block.LinksInteres img {
    filter: grayscale(1);
}

.block.LinksInteres img:hover {
    filter: grayscale(0);
}


.block.LinksInteres p
{
    margin: 0;
}

/*******  MENU DISCAPACIDAD  *********/



.block.MenuDiscapacidad h2 
{
    background: #2196F3 !important;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 10px; 
    color: #fff;
    margin: 0;
    background: #999;
    margin-bottom: 10px;
    margin-top: 0;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}
.block.MenuDiscapacidad h2:before 
{
    font-family: 'FontAwesome';
    font-weight: normal; 
    content: "\f040";
    margin-right: 10px;
}

/****** FOOTER   *****/

.bottom {
    background-color: #b7b7b7;
    margin-top: 3%;
}


.l-footer {
    background-color: #6c539d;
    color: #FFFFFF;
    border-top: 5px solid #888282;
}

.region-footer-middle , .region-footer-last{
    padding: 20px 0;
    font-size: 12px;
    overflow: hidden;
}
.footeroscuro {
    background-color: #5d4293;
    color: #FFFFFF;
}
.footeroscuro h3 {
    color: #FFFFFF;
}

.l-footer p, .l-footer a {
    color: #fff !important;
    font-size: 1.1em;
}
.l-footer h4 {
    text-transform: uppercase;
}
.l-footer h4, .l-footer h3 {
    color: #fff;
}
.navegation3-region {
    padding: 5px 0;
    text-align: center;
    background: #6c529d;
    font-size: 11px;
    color: #fff;
}
.navegation2-region a, .navegation3-region a {
    color: #fff;
    font-size: 12px;
}

@media (max-width: 767px)
{
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu > li {
     background: #6c5580;

 }
}
.dropdown-menu > li > a {

    border-bottom: 1px solid #CCC;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus 
{
    color: #fff;
    background-color: #3e2f4c;
}

/***** MENU SUPERIOR MICROSITIOS  *******/
.BarraDestacada .nav li
{
    float: left;
    min-width: 12%;
    margin-right: 0px !important;
    text-align: center;
    min-height: 50px; 
    padding: 10px;
    border-right: 2px dotted #efefef;
}

.BarraDestacada .nav li a
{
    color: #FFFFFF;
}

.BarraDestacada ul.nav
{
    background-color: #804063;
}

.BarraDestacada .nav > li a:hover, 
.BarraDestacada .nav > li a:focus,
.BarraDestacada .nav > li.active, 
.BarraDestacada .nav > li.active,
.BarraDestacada .nav li:hover,  
.BarraDestacada .nav li:focus
{
    text-decoration: none;
    background-color: #540e34;
}
.MenuAreasGeneral .nav li a
{
    color: #337ab7;
}

.MenuAreasGeneral .nav li
{
    float: left;
    min-width:auto;
    text-align: center;
    min-height: auto; 
}
.MenuAreasGeneral ul.nav
{
  background-color: #fff;
}
.MenuAreasGeneral .nav > li a:hover, 
.MenuAreasGeneral .nav > li a:focus,
.MenuAreasGeneral .nav > li.active, 
.MenuAreasGeneral .nav > li.active,
.MenuAreasGeneral .nav li:hover,  
.MenuAreasGeneral .nav li:focus
{
    text-decoration: none;
    background-color: #e0dfe0;
}
.highlighted
{
    padding: 10px !important;
}


/******* MENUS DERECHO GENERALES  ****/



/******* DETALLE NODOs GENERALES  ****/

.field-name-field-imagen-secundaria
{
    text-align: -webkit-center;
}

article h2 {
    width: 100%;
    font-size: 20px;
    background-color: #5c3a7a;
    padding: 10px 10px;
    color: #ffffff;
        display: grid;
}
article h2 a,
article h2 a:hover
{
    color: #ffffff;
}

#node-18914 article ul
{
    list-style: none;
}

*:before {
    margin-right: 10px;
}


.dropdown-submenu
{
    position:relative
    
}
.dropdown-submenu>.dropdown-menu
{
    top:0;left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px;
    border-radius:0 6px 6px 6px
    
}
.dropdown-submenu:hover>.dropdown-menu
{
    display:block
    
}
.dropdown-submenu>a:after
{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#ccc;
    margin-top:5px;
    margin-right:-10px
    
}
.dropdown-submenu:hover>a:after
{
    border-left-color:#fff
    
}
.dropdown-submenu.pull-left
{
    float:none
    
}
.dropdown-submenu.pull-left>.dropdown-menu
{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px
    
}
.field-name-field-pie-de-foto
{
    background-color: #f7f1f1;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 5px;
}
@media (max-width: 768px)
{
    .field-name-field-pie-de-foto
    {
        background-color: #f7f1f1;
        width:100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        padding: 5px;
    }
}

.submitted
{
    float: right;
    margin-bottom: 20px;
    margin-top: 20px;
    
}   

/***** menus derechos ***/

.region-sidebar-second ul li, 
.region-sidebar-first ul li
{
    border-bottom: dotted 1px #CCC;
}
.region-sidebar-second ul li.active, 
.region-sidebar-first ul li.active
{
    background-color: #ddd;
}
.region-sidebar-second .views-row,
.region-sidebar-first .views-row
{
  border-bottom: dotted 1px #CCC;  
  padding: 10px 5px;
}
.region-sidebar-second h2,
.region-sidebar-first h2,
.region-sidebar-second .h2,
.region-sidebar-first .h2
{
    font-size: 25px;
}

/********** LISTADO DE TAXONOMIAS  ****/

.listados-titulo .elastic-grid li {
    margin: 10px 8px 0 0px !important;
    max-width: 279px;
    padding: 10px;
    border: 1px dotted #CCC;
}

.listados-titulo .views-widget-filter-type .form-item
{
    float: left;
    padding: 10px;
}
.listados-titulo ._titulo
{
    padding: 10PX;
    background-color: #133e60;
    width: 255px;
    margin-bottom: 10px;
}

.listados-titulo ._titulo a
{
    color:#FFF;
}

.listados-titulo ._micrositio,
.listados-titulo ._tipo,
.listados-titulo ._oferente
{
    padding: 5PX;
    background-color: #e9f0f5;
    width: 99.3%;
    margin-bottom: 10px;
}
.listados-titulo ._area,
.listados-titulo ._localidad,
.listados-titulo ._fecha
{
    padding: 5PX;
    background-color: #fff;
    width: 99.3%;
    margin-bottom: 10px;
}
.node-type-videos .field-name-field-link-video,
.submitted
{
    display:none;
}

.node-type-article .submitted,
.node-type-documentos-transparecia .submitted
{
    display:block;
}

.page-node-2326 .submitted
{
    display:none;
}

/********************************/

.micrositio .CabezotePortal
{
    display:none;
}

.micrositio .logo 
{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.region-sidebar-second .fecha_new {
 position: relative;
 height: 60px;
}

.region-sidebar-second .listados-titulo ._titulo,
.region-sidebar-first .listados-titulo ._titulo
{
    width: 100%;
}

.region-sidebar-second .listados-titulo .event,
.region-sidebar-first .listados-titulo .event
{
    background-color: #1b4e4c !important ;
}

.region-abajocontenido .block-title
{
    background-color: #5c3a7a;
    padding: 10px;
    color: #FFF;
    font-size: 17px;
}

.region-abajocontenido .views-row 
{
    padding: 10px;
    border-bottom: dotted 1px #CCC;
}
.region-abajocontenido .views-row-even 
{

    background-color: #f7f7f7;
}

/******** GENERAL MICROSITIO *******/

.micrositio .CajasContenido:hover
{
    background: #0069B4;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
}
.micrositio  .CajasContenido:hover a {
    color: #FFF !important;
}

.micrositio .CajasContenido img
{
    width: 100%;
}

.micrositio .view-micrositios-noticias-secundarias .views-row-1,
.micrositio .view-micrositios-noticias-secundarias .views-row-3,
.micrositio .view-micrositios-noticias-secundarias .views-row-4,
.micrositio .view-micrositios-noticias-secundarias .views-row-6
{
    padding: 0px;
}

.micrositio .view-micrositios-noticias-secundarias  .CajasContenido
{
    min-height: 125px;
    position: relative;
}
.micrositio .view-micrositios-noticias-secundarias  .tipo
{
    position: absolute;
    bottom: 0;
    left: 0px;
    padding: 2px 10px;
    background-color: #b387c1;
    color: #FFF;
}

.view-micrositios-noticia-principal
{
    display: inline;
}

.node-type-galeria .lightgallery li 
{
    width: 264px;
    float: left;
    list-style: none;
    margin: 5px;
    
}



/***** COLORES GENERALES TIPO CONTENIDO  ***/
.event
{
    background-color: #148B85 !important;
}
.videos
{
   background-color: #C52427 !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
@media (max-width: 1000px)
{
    .CabezotePortal .navbar-brand {
        float: left;
        height: 30px;
        padding: 10px 0px;
        font-size: 1.5em;
    }
}
@media (max-width: 768px)
{

    .CabezotePortal .navbar-brand {
        height: 35px;
        padding: 12px 12px;
        font-size: 1em;
        display: inline-block;
        float: none;
    }
}
.field-name-field-imagen-secundaria
{
    margin-bottom: 20px;
}

/****** PANTALLAS ATENCION AL CIUDADANO  ******/


.atencion-ciudadano #navbar .container,
.page-modulo-atencion-al-ciudadano #navbar .container,
.atencion-ciudadano .highlighted,
.page-modulo-atencion-al-ciudadano .highlighted
{ 
    display:none;
}

.atencion-ciudadano .navbar,
.page-modulo-atencion-al-ciudadano .navbar 
{
    min-height: 24px;
}

.page-modulo-atencion-al-ciudadano .views-widget-filter-title
{
    width: 90%;

}



.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: #d3dfe8;

}
.calendar-calendar  span.views-label
{
    float:left;
    font-weight: bold;
    margin-right: 5px;
}


.calendar-calendar .views-field-title
{
    font-size: 14px;
}
.calendar-calendar .views-field-field-tipo-de-actividad
{
    font-size: 13px;
    color: #825656;
}

.calendar-calendar .inner
{

    max-height: 258px;
    overflow: scroll;
}
ol.breadcrumb
{
    display:none;
}
.ActividadesParques h3
{
    background-color: #7f4062;
    color: #FFF;
    padding: 10px;
    font-size: 16px;
}
.ActividadesParques .views-row
{
    background-color: #d6dbde;
    padding: 5px;
    margin-bottom: 10px;
    
}

.ActividadesParques span.views-label
{

    font-weight: bold;
    float: left;
    margin-right: 5px;
}
.ActividadesParques .date-display-single
{
    padding: 5px;
    height: auto;

}
.listaPPT
{
    display: inline-block;
}


.Antonio 
{
 background-color: #A7D6CC
}
.Barrios{ background-color: #95D0D4 !important; }
.Bosa{ background-color: #95D0D4 !important; }
.Chapinero{ background-color: #B1DFEC !important; }
.Ciudad{ background-color: #97D2CE !important; }
.Engativá{ background-color: #CDE9EC !important; }
.Fontibón{ background-color: #92CFC8 !important; }
.Kennedy{ background-color: #87CFDE !important; }
.Candelaria{ background-color: #2FB9E8 !important; }
.Mártires{ background-color: #8ED1E2 !important; }
.Puente{ background-color: #88E4E1 !important; }
.Rafael{ background-color: #5CBDB6 !important; }
.San{ background-color: #8ECCC1 !important; }
.Santa{ background-color: #AEDEEC !important; }
.Suba{ background-color: #C6E5E0 !important; }

.Sumapaz{ background-color: #6DC8E3 !important; }
.Teusaquillo{ background-color: #AEDBDE !important; }
.Tunjuelito{ background-color: #6FE6D0 !important; }
.Usaquén{ background-color: #A7D6CC !important; }
.Usme{ background-color: #B7DED9 !important; }

/*
Antonio Nariño -- #A7D6CC
Barrios Unidos -- #95D0D4
Bosa -- #B1DFEC 
Chapinero -- #97D2CE  ..
Ciudad Bolívar -- #5EC5E8 bbb
Engativá -- #92CFC8....
Fontibón -- #CDE9EC ...
Kennedy -- #87CFDE ...
La Candelaria -- #2FB9E8 ...
Los Mártires -- #8ED1E2 -...
Puente Aranda - #88E4E1
Rafael Uribe Uribe-- #5CBDB6
San Cristóbal- #8ECCC1
Santa Fe - #AEDEEC
Suba -#C6E5E0
Sumapaz - #6DC8E3
Teusaquillo - #AEDBDE
Tunjuelito - #6FE6D0
Usaquén - #A7D6CC
Usme - #B7DED9
*/


.Caja_Busqueda
{
    position: absolute;
    top: -20px;
    right: 10px;
}

.Caja_Busqueda .custom-search-box 
{
  width: 270px;
}


.responsive-menus 
{
 float: left;
}
.block-social-media-links
{
   float: left; 
   padding-top: 5px;
   margin-left: 5px;
}
.MomentoTwitter
{
    overflow: scroll;
    height: 480px;
}


/********* 2018 MICROSITIO BOGOTA CIUDAD DE LA MUSICA   ***********/
.bcm .menu_superior-BCM
{
    position: absolute;
    top: 6%;
    left: 30px;
    width: 192px;
    animation: float 6s ease-in-out infinite;
}
.bcm .menu_superior-BCM li {

    border-right: none;
    border-bottom: 1px dotted #efefef;
    min-width: 100%;
}

.bcm #page-header
{

    position: relative;
    
} 


.bcm .menu_superior-BCM .nav > li > a 
{

    padding: 4px 14px;
}
.bcm .view-micrositios-noticias-secundarias .tipo {

    TOP: 0;
    BOTTOM: auto;
}
.BlockSinMargen
{

 padding: 0px;
 margin: 0px; 
}

.bcm .view-micrositios-noticias-secundarias .views-row {
 padding: 0px;
}

.bcm  .view-micrositios-noticia-principal .titulo a,
.bcm  .view-id-micrositios_noticias_secundarias .titulo a
{

    color:#FFF;

}

.bcm  .view-micrositios-noticia-principal .titulo,
.bcm  .view-id-micrositios_noticias_secundarias .titulo
{

  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background: #000000ab;
  font-size: 1.5em;
}
.bcm  .view-id-micrositios_noticias_secundarias .titulo
{
 font-size: 1.2em;  
}
.bcm  .view-micrositios-noticia-principal img
{
    min-width: 100%
}
.bcm .view-micrositios-noticia-principal img:hover,
.bcm .view-id-micrositios_noticias_secundarias img:hover
{
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.25);
    -ms-transform:scale(1.25);
    -o-transform:scale(1.25);
    transform:scale(1.25);
}

.bcm .view-micrositios-noticia-principal img ,
.bcm .view-id-micrositios_noticias_secundarias img 
{
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    width: 100%;
}

.bcm .view-micrositios-noticia-principal .imagen,
.bcm .view-id-micrositios_noticias_secundarias .FotoLista 
{
   overflow: hidden;
}
.bcm .tipo,
.page-node-4312 .highlighted
{
    display:none;
}
.bcm .NotaPrincipal
{

}
.videosMusica
{
    padding: 20px;
    background-color: #d5dde4;
}
.rowVideosMusica
{
    padding: 20px !important;
}
.page-node-4312 .bottom 
{
    margin-top:0 !important;

}
@media (max-width: 768px)
{
    .bcm .menu_superior-BCM 
    {
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     animation: none;
 }
}

/*.bcm .event,
.bcm .videos,
.bcm .article
{
    padding: 3px 10px !important;
    font-size: 12px; 
}
.bcm .event
{
    background-color: #148b8557 !important;
   
}
.bcm .videos
{
     background-color: #c524276e !important;
}

.bcm .article
{
    background-color: #b387c152 !important;

}


*/

.consejos-cultura-deporte .PuntosInscripcion
{
    padding: 1px;
    margin: 0px;
    color: #555;
}

.consejos-cultura-deporte h2 
{
 font-size: 30px;
 background-color: #e38946;
 padding: 10px 20px;
 color: #ffffff;
 margin-top: 0px;
}

.consejos-cultura-deporte .CabezotePortal
{
    display: none;
}
.consejos-cultura-deporte .TituloLocalidad
{
    font-size: 14px; 
    color:#b22d2c;
    font-weight: bold;
}
.consejos-cultura-deporte .NombreLocalidad 
{
    font-size: 25px;
    color: #de2729;
}
.consejos-cultura-deporte  .PuntosInscripcion li
{

    width: 194px;
    float: left;
    margin: 5px;
    min-height:205px;
    padding: 10px;
    list-style: none;
    background-color: #fdeac5;
}
.consejos-cultura-deporte  .InscripcionEnlinea
{

    right: 0px;
    margin: 20px 90px;
    top: 232px;
}

.consejos-cultura-deporte .QuesonLosconsejos
{
    padding: 20px;
}

.consejos-cultura-deporte .highlighted
{
    display: none;

}

.view-documentos-transparencia caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #674485;
    text-align: left;
    font-size: 28px;
    border-bottom: 5px solid;
}



.parques-para-todos .contenidolocalidades 
{
    padding: 14px;
    position: absolute;
    top: 55px;
    right: 15px;
    background-color: #c5e8b39e;
    padding: 20px 20px 40px 20px;
}

.parques-para-todos .contenidolocalidades li
{
/* float: left;
width: 160px;*/
margin-right: 10px;
}

.parques-para-todos #canvas
{
 background-image: url('/sites/default/files/adjuntos_paginas_2014/fondoparquesparatodos_4.jpg');
 background-size: contain;
}


.parques-para-todos .contenidolocalidades ul
{
    margin-top: 20px;
}


.parques-para-todos .listados-titulo ._titulo {

    color: #FFF;
    width: auto;
    
}


.parques-para-todos .ContenedorActividad
{
    min-height: 146px;
}

.parques-para-todos .VistaActividades h3
{
    width: 100%;
    font-size: 20px;
    color: #674285;
    display: inline-block;
    padding: 0px 18px 18px 19px;
}
.parques-para-todos .view-display-id-block_3 .views-row 
{
    display: inline-block;
    
    
}

.parques-para-todos  .ListasParques
{
    padding: 20px;
    border: dotted 1px;
    min-height: 200px;
    margin: 10px 0px 20px 0px;
}

@media (max-width: 768px)
{
    .parques-para-todos .contenidolocalidades 
    {
        position: initial;
    }
    
    .BarraDestacada .nav li 
    {
        width: 100%;
        min-height: 40px;
        padding: 0px;
        border-right: none;
        border-bottom: 1px dotted #efefef;
    }
    
    .parques-para-todos .CabezotePortal
    {   
        display: none;
    }
    
    .parques-para-todos #navbar .logo 
    {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    

}



.view-empty
{
    padding: 65px 43px;
    background-color: #ff3c3c;
    min-height: 286px;
    margin: 20px;
    color: #FFF;
    text-align: center;
    font-size: 1.5em;
}

.cabezoteMicrositios img
{
   width: 100%;   
}

.page-modulo-atencion-al-ciudadano-busqueda .lightbox2-alt-layout #imageData #bottomNav, 
.page-modulo-atencion-al-ciudadano-busqueda .lightbox2-alt-layout-data #bottomNav {
    margin-bottom:0px;
}

.page-modulo-atencion-al-ciudadano-busqueda .lightbox2-alt-layout-data #bottomNavClose, 
.page-modulo-atencion-al-ciudadano-busqueda .lightbox2-alt-layout #bottomNavClose {
    margin-top: 0;
}

.page-modulo-atencion-al-ciudadano-busqueda .CabezotePortal,
.page-modulo-atencion-al-ciudadano-busqueda .navbar

{
    display: none;
}

.page-modulo-atencion-al-ciudadano-busqueda #block-block-233
{
    border-bottom: 2px #3e2569 solid;
}

.page-modulo-atencion-al-ciudadano-busqueda .footer
{
   margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: -13px !important;
    padding: 0px !important;
    margin: 0px !important;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999999;
}

.page-modulo-atencion-al-ciudadano-busqueda .footer .flex-control-nav
{    
    display: none;
    
}

.page-modulo-atencion-al-ciudadano-busqueda .footer .flexslider {
    margin: 0px !important;
}


.page-modulo-atencion-al-ciudadano-busqueda  .footeroscuro {
    background-color: #003e65;
    color: #FFFFFF;
    height: 300px;
}

.EncuestaUsuarios .btn-default {
    color: #FFF;
    background-color: #684286;
    border-color: #ccc;
}
.EncuestaUsuarios
{
        padding: 20px;
    border: 1px solid #CCC;
    margin: 20px 20px 10px 20px;
    background: #fbf7ff;
}


.page-node-20820 .submitted
{
    display:none;
    
}

/******* MICROSITIO CONVOCATORIAS 2019 **********/



.convocatorias-2019 .BloqueLogos
{
    padding: 20px 66px;
        margin-top: -20px;
}

.convocatorias-2019 #block-block-237
{
    background-color: #62389226;
}
.convocatorias-2019 .highlighted
{
    display:none; 
}
.convocatorias-2019 .BuscadorConvocatorias h3
{
      border: 1px #623892 solid;
    background-color: #623892;
    padding: 10px;
    -webkit-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(-18deg);
    color: #ffffff;
    text-align: center;
    
}
.convocatorias-2019 h2
{

    border-bottom: 1px #623892 solid;
    padding: 10px;
    color: #f5f3f7;
    font-size: 26px;
    padding: 10px 15px;
       
}
.convocatorias-2019 .BuscadorConvocatorias li
{
        list-style: none; padding: 5px;
    border-bottom: dotted 2px #00888c30;
}
.convocatorias-2019 .BuscadorConvocatorias ul
{
    padding-left: 0px;
}

.convocatorias-2019 #navbar
{
        display: none;
}

.convocatorias-2019 .MenuSuperior
{
   background-color: #623892;
    padding: 15px;
}

.convocatorias-2019 .MenuSuperior ul
{
    float: right;
        margin-right: 20px;
            list-style: none;
}
.convocatorias-2019 .MenuSuperior li
{
    width: 130px;
    
}
.convocatorias-2019 .btn a
{
    color:#FFF;
}
.btn-convocatorias:hover
{
    color:#FFF;
    background-color: #129395;
}
.btn-convocatorias 
{
    color: #fff;
    background-color: #30719e;
    border-color: #117073;
}

.convocatorias-2019 .titulos
{
    
        padding: 5px;
    font-size: 20px;
    min-height: 100px;
}

 .convocatorias-2019 .titulos a
{   
    color: #000;
}
.article
{
    padding: 2px 10px;
    background-color: #b387c185;
    color: #FFF;
}
.videos {
    background-color: #c5242778 !important;
        color: #FFF;
         padding: 2px 10px;
}
 .convocatorias-2019 .event
 {
    background-color: #148B85 !important;
    padding: 2px 10px;
    color: #FFF;
}
 .convocatorias-2019 .region-sidebar-second
 {
         padding: 10px;
 }
 
 .convocatorias-2019 .region-sidebar-second ul
{
    padding-left: 0px;
    list-style: none;
}

.convocatorias-2019 article h2
{
    color:#FFF;
        padding: 10px;

}
.convocatorias-2019 .region.region-sidebar-second.well {
   background-color: transparent; 
   border: transparent; 
}
.convocatorias-2019 .region.region-sidebar-second.well h2 {

    font-size: 20px;
   
}
.convocatorias-2019 th
{
    background-color: #ff8e01;
    color: #FFF;
    border: 1px #DDD solid;
}

.convocatorias-2019-front .region-content section
{
    padding-bottom: 40px;
}
/******MICROSITIO ECONOMIA CULTURAL  ****/



body.economia-front-2019,
body.economia-2019-internas
{
    font-family: 'Lato', sans-serif;
}

body.economia-front-2019 .highlighted,
body.economia-front-2019 .region-abajocontenido,
body.economia-front-2019 .footeroscuro,
body.economia-front-2019 .bottom,
body.economia-front-2019 .footeroscuro,
body.economia-front-2019  footer,
body.economia-front-2019  .navegation3-region
{
    display:none;
    
}
#myVideo 
{
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  -webkit-filter: sepia(100%);
      z-index: -9;
}
.titulo_economia_cultural h1:hover ~ #myVideo 
{
      -webkit-filter: sepia(0%);
}
.titulo_economia_cultural
{
    position: relative;
    float: left;
    background-color: #1d619cc7;
    padding: 20px;
    color: #ffce0a;
    max-width: 400px;
    min-height: 358px;
    margin-top: 5%;
    /* margin-bottom: auto; */
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
}
.titulo_economia_cultural h1
{
           font-size: 54px;
    text-align: center;
    text-transform: uppercase;
}
.titulo_economia_cultural h2
{
        font-size: 20px;
    text-align: center;
}
.MenuPrincipalEconomia
{
    margin-top: 10%;
    float: right;
    margin-right: 30px;
    color: #FFF;
}
.MenuPrincipalEconomia .NavPrincipal  a
{
     color: #FFF;
    position: sticky;
}
.MenuPrincipalEconomia .NavPrincipal  a:hover
{
        text-decoration: none;
}
.MenuPrincipalEconomia .NavPrincipal ul
{
    list-style-type: none;
}
.MenuPrincipalEconomia .NavPrincipal  li
{
       padding: 5px;
    font-size: 20px;
    text-shadow: 0.1em 0.1em 0.05em #333;
}

.MenuPrincipalEconomia .NavPrincipal
{
    border-right: solid 8px #ff572263;
    padding-right: 15px;
    padding: 30px 15px;
}
.MenuPrincipalEconomia .NavPrincipal a .linea
{ 
        z-index: -1;
    width: 49%;
    position: absolute;
    background: #1d619cc7;
      height: 122%;
    -webkit-transition: width 0.7s;
    transition: width 0.7s;
    right: 0px;
    bottom: -5px;
    
}
.MenuPrincipalEconomia .NavPrincipal a:hover .linea
{ 
    width: 100%;
    
}
body.economia-front-2019  article
{
    display:none;
}
body.economia-2019-internas .MenuPrincipalEconomia 
{
    margin-top: 63px;
    right: 0;
    top: 0;
    margin-right: 30px;
    position: absolute;
        z-index: 10;

}

body.economia-2019-internas .MenuPrincipalEconomia .NavPrincipal {
    border-right: solid 8px #ff572263;
    padding-right: 15px;
    padding: 10px 15px;
}

body.economia-2019-internas .BloquePrincipalEconomia
{
    
    padding: 15px 50px 29px;
    background-color: rgba(239, 50, 50, 1);;
    color: #FFF;
}
body.economia-2019-internas .BloquePrincipalEconomia h1
{
    padding: 10px;
}
body.economia-2019-internas .BloquePrincipalEconomia p
{
   
    padding: 20px;
    font-size: 18px;
}

body.economia-2019-internas  h2
{
    background-color:rgba(239, 50, 50, 1);
    color:  #FFF;

}
body.economia-2019-internas .highlighted
{
margin-bottom: 0px;
    float: right;
    text-align: right;
    padding: 0px !important;
    background-color: transparent;
    width: 100%;
}

/* POLITICA PUBLICA  */

body.economia-2019-internas.page-node-81895  h2
{
    background-color: rgba(40, 64, 154, 1);
    color: #FFF;
}

body.economia-2019-internas.page-node-81895   .BloquePrincipalEconomia
{
    background-color: rgba(40, 64, 154, 1);
}


/* CUENTA SATELITE */


body.economia-2019-internas.page-node-81894  h2
{
     background-color: #ecbc01;
    color: #fff;
      
}
body.economia-2019-internas.page-node-81894   .BloquePrincipalEconomia
{
    background-color:#ecbc01;
}



/* FORTALECIMIENTO  */

body.economia-2019-internas.page-node-81896  h2
{
    background-color:  rgba(247, 170, 181, 1);
    color:#FFF;
}

body.economia-2019-internas.page-node-81896   .BloquePrincipalEconomia
{
    background-color: rgb(139, 18, 33); 
}


/* CONCEPTOS  */

body.economia-2019-internas.page-node-81897  h2
{
   background-color:rgba(245, 135, 103, 1);
    color:#FFF ;
           
}


body.economia-2019-internas.page-node-81897   .BloquePrincipalEconomia
{
    background-color: rgba(245, 135, 103, 1);
}

body.economia-2019-internas .field-name-body
{
    
        display: inline-block;
}

body.economia-2019-internas  .field-name-field-foto-galeria
{
background-color: #fffbfb;
    padding: 20px;
}
@media (max-width: 1068px)

{

body.economia-2019-internas .MenuPrincipalEconomia {
    margin-top: 20px;
    right: 0;
    top: 0;
    border-bottom: 5px solid #b43d25;
    margin-right: 30px;
    margin-bottom: 20px;
  position: relative; 
    z-index: 10;
}


}



div.circulos
{
   padding: 42px 20px;
    color: #d08484;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 7px solid #b77272;
    font-size: 27px;
    width: 130px;
    height: 130px;
    float: left;
    display: inline-block;
}
.circurosa, .circuamarillo , .circurojo, .circuazul
{
        margin-bottom: 15px;
}
.circurosa ul, .circuamarillo ul, .circurojo ul, .circuazul ul
{
         float: left;
             margin-top: 25px;
                 list-style: none;
                     width: 74%;

}
.circurosa li::before , .circuamarillo li::before , .circurojo li::before , .circuazul li::before 
{
  color: rgba(247, 170, 181, 1);
 content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.circurosa li::before 
{
 color: rgba(247, 170, 181, 1);
}
.circurosa .circulos
  {
    border-color:rgba(247, 170, 181, 1);
     color: rgba(247, 170, 181, 1);
}
.circuamarillo li::before 
{
 color:rgba(254, 211, 25, 1);
}
.circuamarillo .circulos 
{
   
    border-color:rgba(254, 211, 25, 1);
     color: rgba(254, 211, 25, 1);
     padding: 29px 10px;
     font-size: 20px;
}
.circurojo li::before 
{
 color:rgba(239, 50, 50, 1);
}
.circurojo .circulos 
{
   
    border-color:rgba(239, 50, 50, 1);
     color: rgba(239, 50, 50, 1);
         padding: 40px 15px;
}
.circuazul li::before 
{
 color:rgba(40, 64, 154, 1);
}
.circuazul .circulos 
{
   
    border-color:rgba(40, 64, 154, 1);
     color: rgba(40, 64, 154, 1);
         padding: 39px 10px;
}


h4 {
    padding: 10px 0px;
    width: 70%;
    margin-left: 10px;
    font-size: 18px;
    color: #ef3c41;
    border-bottom: 3px solid #432a71;
    padding-left: 10px;
        font-size: 20px;
}
h4:hover {
  background-color: #432a71;
    color: #FFF;
        -webkit-transition: width 0.7s;
    transition: width 0.7s;
}
body.economia-2019-internas #node-81894  h2:hover  
{
      background-color: #ecbb03;
    color: #ffffff;
    border-bottom: 2px solid #ecbc01;
}

/******** MICROSITIO TEATROS   ********/
body.teatros-2019
{
    font-family: 'Quicksand', sans-serif;
       font-weight: 400;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(0, 0, 0, 0.7);
}

body.teatros-2019 .incentivo .field-label
{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    background-color: #000;
    color: #fff;
    padding: 10px;
    margin-top: 10px;
}


body.teatros-2019 .incentivo  .field-collection-view .field-label,
body.teatros-2019 .group-datosteatro .field-label
{
    background-color: transparent;
    font-size: 15px;
    text-transform: initial;
    font-weight: bold;
    letter-spacing: initial;
    color: #252525;
    padding: 0px;
    margin-top: 0px;
    width: auto;
}
body.teatros-2019 .group-datosteatro 
{
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 15px;
        margin-bottom: 20px;
    }

body.teatros-2019 svg
{ 
    
        margin-top: 20px;
}
body.teatros-2019 .linea  .field-item
{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}
body.teatros-2019 .linea  .field-item
{
    float: left;
    margin-right: 5px;
       padding-left: 5px;
 
}
body.teatros-2019 .linea  .field-item.odd
{
    
       background-color: #eee;

 
}



body.teatros-2019 a:hover path 
{
    fill:#009688
}


body.teatros-2019 a:active path 
{
    fill:#009688
}
body.teatros-2019 a.LocalidadActiva path
{
    fill:#009688
}

body.teatros-2019 #page-header
{
    padding-top: 1em;
    padding-bottom: 40px;
    padding-left: 2em;
    padding-right: 2em;
    width: 23%;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    overflow-y: scroll;
    z-index: 10;
    background: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
body.teatros-2019 .main-container
{
    width: 77% !important;
    float: right;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; 
        margin-top: 25px;
}

body.teatros-2019 .bottom, 
body.teatros-2019 .footeroscuro,
body.teatros-2019 .navegation3-region,
body.teatros-2019 .l-footer,
body.teatros-2019 .highlighted,
body.teatros-2019 #navbar
{
    display: none;
}
body.teatros-2019 .field-name-field-video-embebido iframe
{
    width: 100%;
    min-height: 347px;
}
@media (max-width: 768px)
{
    body.teatros-2019 .main-container
    {
        width: 100% !important;
    }

    body.teatros-2019 .textoteatros,
    body.teatros-2019 .MapaTeatros
    {
        display:none;
    }
    .masonry-item {
     width:100% !important;

    }
    
     body.teatros-2019 #page-header {
        width: 100%;
        position: relative;
       padding-bottom: 0px;
     }
}
body.teatros-2019 .masonry-item 
{
    padding: 0;
        background-color: transparent;
    border: transparent;
}

body.teatros-2019 .masonry-item h3
{
   
    margin: 0;
    padding: 15px;
    background: #000;
    font-size: 1.8rem;
    font-weight: 100;
    position: absolute;
    width: 100%;
    z-index: 1;
}
body.teatros-2019 .masonry-item h3 a

{
    color: #fff;
    display: block;
}
body.teatros-2019 .masonry-item span
{
    display: block;
    color: #fff;
    font-size: 13px;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
}

body.teatros-2019 .form-type-bef-link
{
    float: left;
   margin: 8px 0px;
}

body.teatros-2019 .form-type-bef-link a
{
     color: #fff;
    padding: 5px;
    background-color: #9e9e9e9e;
    margin: 4px;

}
body.teatros-2019  .form-type-bef-link   a.active ,
body.teatros-2019  .form-type-bef-link   a:hover
{
   background-color: #009588; 
       text-decoration: none;
}

body.teatros-2019  .form-item-edit-field-localidades-tid-all
{
    display:none;
    
}

body.teatros-2019 .views-widget-filter-field_localidades_tid label
{
    display:none;
}
body.teatros-2019 .views-field-field-imagen-secundaria img{
transition: all .1s ease-in-out;
    width: 100%;
    height: auto;
    -webkit-filter: grayscale(35%);
    filter: grayscale(35%);
}
body.teatros-2019 .views-field-field-imagen-secundaria img:hover
{

 /*-ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
 */
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}
      blockquote {
    margin: 0 20px 20px 20px;
          border-left: 5px solid #bd9898;
    font-style: italic;
    font-size: medium;
    line-height: 21px;
        color: #797979;
      }
         .page-node-18369 blockquote {
      
          display: inline-block;
         }
    
    .view-grouping-header
    {
            width: 100%;
    font-size: 20px;
    background-color: #247ad4;
    padding: 10px 10px;
    color: #ffffff;
    }
    
   .view caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
    width: 100%;
    font-size: 20px;
    background-color: #f3f3f3;
    padding: 10px 10px;
    color: #247ad4;
}
    
    
 

/****** Experiencias Convocatorias   ********/


.experiencias-ganadores #block-views-events-block-2 .block-title
{
    display:none; 
}


.experiencias-ganadores .view-micrositios-noticia-principal .titulo{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background: #000000ab;
    font-size: 1.2em;
} 
.experiencias-ganadores .view-id-micrositios_noticias_secundarias .titulo {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background: #000000ab;
    font-size: 1em;
}

.experiencias-ganadores .view-micrositios-noticia-principal .titulo a, 
.experiencias-ganadores .view-id-micrositios_noticias_secundarias .titulo a
{
    color: #FFF;
}
.experiencias-ganadores .view-id-micrositios_noticias_secundarias .views-row
{
        padding: 0px;
 
}

.experiencias-ganadores .view-micrositios-noticia-principal img, 
.experiencias-ganadores .view-id-micrositios_noticias_secundarias img {
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    width: 100%;
}
.experiencias-ganadores  .view-micrositios-noticia-principal img:hover,
.experiencias-ganadores  .view-id-micrositios_noticias_secundarias img:hover
{
filter: saturate(280%);
}


.experiencias-ganadores .view-micrositios-noticia-principal .imagen, 
.experiencias-ganadores .view-id-micrositios_noticias_secundarias .FotoLista {
    overflow: hidden;
        background: #000;
}

.experiencias-ganadores .flex-control-nav {
   
    bottom: 0px;
  
}

.experiencias-ganadores .view-banner-programable .flexslider {
    margin: 0 0 0px 0;
}

.experiencias-ganadores .masonry-item {

    background-color: transparent;
    border: none;
        margin: 0;
    padding: 0;
  
}


.experiencias-ganadores ._titulo {

     background-color: rgba(0, 0, 0, .5) !important;
    width: 100%;
    position: absolute;
    bottom: 0px;
    margin-bottom: 0px !important;
}
.experiencias-ganadores  ._imagen img
{
    width: 100%;
}

.experiencias-ganadores .form-type-bef-link a {
    color: #fff;
    padding: 5px;
    background-color: #623892;
    margin: 4px;
}
.experiencias-ganadores .form-type-bef-link a.active, .Filbo-2019 .form-type-bef-link a:hover {
    background-color: #272727;
    text-decoration: none;
}

.experiencias-ganadores #block-webform-client-block-21863,
.experiencias-ganadores .bottom
{
    display:none;
}


.experiencias-ganadores #block-views-afccacfc68365e8ed06604dd7b8da276
{
        display: inline-block;
    width: 100%;
    background-color: #196786;
}

.page-node-53110 #page-header 
{
        margin-bottom: -6px;
    
}
.page-convocatorias-busqueda-experiencias-ganadores .container 
{
    width: 100% !important;
   
}
.page-convocatorias-busqueda-experiencias-ganadores .well {
    ;
    background-color: transparent;
    border: transparent;
}
.MapaFILBO path {
    fill: #7D659D;
}

/***** MICROSITIO PARTICIPACION ***/
.participacion-y-territorio .MenuPrincipal img:hover
{
    opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}
.participacion-y-territorio
.CabezotePortal
{display:none;}

#text_IDS,
#text_AEP,
#text_C,
#text_A,
#text_CD
{
    display:none;
}

#Infograf_PGCL
{position: relative;
}
#text_IDS,
#text_AEP,
#text_C,
#text_A,
#text_CD
{
   opacity: 0.8;
    position: absolute;
    top: 90px;
    margin: auto;
    width: 350px;
    background-color: #000;
    padding: 20px;
    color: #FFF;
}

#text_AEP{right: 0;}
#text_C{right: 0;bottom: 5px;top: auto;}
#text_A{bottom: 20px;top: auto;}
    
#text_IDS{background-color: #D98940;}
#text_AEP{background-color: #6DB2A7;}
#text_C{background-color: #4470B3;}
#text_A{background-color: #564A94;}
#text_CD{background-color: #C6353B;}

#MapaBogota
{
  position: relative;  
}

#PG-fontibon,
#PG-Bosa,
#PG-Ruu,
#PG-Suba,
#PG-Usme,
#PG-Ciudadbolivar
{
    display: none;
    opacity: 0.9;
    position: absolute;
    top: 10px;
    margin: auto;
    width: 80%;
    background-color: #fff;
    padding: 20px;
    color: #000;
    z-index:999;
}
#PG-Ruu{

    width: 66%;
}
#PG-Suba
{
    right: 0;
}
#mapa-suba:hover,
#mapa-bosa_1_:hover,
#mapa-fontibon:hover,
#mapa-rafael-uribe-uribe:hover,
#mapa-usme:hover,
#mapa-ciudad-bolivar:hover
{
    fill: #117996;
}
#grupo-CDACP:hover ,
#grupo-CDPC:hover,
#grupo-CDFLE:hover,
#grupo-CPPRG:hover ,
#grupo-CCPEPAE:hover,
#grupo-CCAL:hover,
#grupo-Consejos:hover,
#grupo-EPV:hover ,
#grupo-CDIC:hover,
#grupo-CCGE_1_:hover ,
#grupo-CCGE:hover,
#grupo-CCSS:hover,
#grupo-CCP:hover,
#grupo-CDL:hover,
#grupo-CDD:hover,
#grupo-CDAud:hover ,
#grupo-CDM:hover ,
#grupo-CDAD:hover,
#grupo-CDAPV:hover,
#grupo-CDA:hover
{
    cursor:pointer
}
#grupo-CDACP:hover #fondo-CDACP,
#grupo-CDPC:hover #fondo-CDPC,
#grupo-CDFLE:hover #fondo-CDFLE,
#grupo-CPPRG:hover #fondo-CPPRG,
#grupo-CCPEPAE:hover #fondo-CDCPEPAC,
#grupo-CCAL:hover #fondo-CCAL,
#grupo-Consejos:hover #fondo-Consejos,
#grupo-EPV:hover #fondo-EPV,
#grupo-CDIC:hover #fondo-CDIC,
#grupo-CCGE_1_:hover #fondo-CCGE_1_,
#grupo-CCGE:hover #fondo-CCGE,
#grupo-CCSS:hover #fondo-CCSS,
#grupo-CCP:hover #fondo-CCP,
#grupo-CDL:hover #fondo-CDL,
#grupo-CDD:hover #fondo-CDD,
#grupo-CDAud:hover #fondo-CDAud,
#grupo-CDM:hover #fondo-CDM,
#grupo-CDAD:hover #fondo-CDAD,
#grupo-CDAPV:hover #fondo-CDAPV,
#grupo-CDA:hover #fondo-CDA
{
   opacity: 0.8
    
}
#GrupoSDACP
{
    position:relative;
}

#ConsejosLOCALES
{
  position: absolute;
    top: 10px;
    padding: 20px;
    background-color: #FFF;
    opacity: 0.8;
    display:none;
}

#ConsejosLOCALES a {
    color: #0a4e48;
}
.estrategiasCulturaCiudadana ul, .estrategiasCulturaCiudadana li
    {
        margin: 0px;
    padding: 0px;
    list-style: none;
    
}


.estrategiasCulturaCiudadana h3 {
    font-size: 19px;
}
.estrategiasCulturaCiudadana  li
{

border-bottom: 1px dotted;
    min-height: 51px;
    padding: 10px;


}
.estrategiasCulturaCiudadana h4
{

    padding: 7px 0px;
    width: 97%;
    color: #ef3c41;
    font-size: 14px;
}
.experiencias-ganadores .views-exposed-form .form-item, 
.experiencias-ganadores .views-exposed-form .form-submit {

    float: left;
        margin-top: 5px;
    margin-bottom: 10px;
}

article
{
        line-height: 30px;
    font-size: 18px;
}

article p
{
       margin: 0px 0 20px;
}



article .table {
    font-size: 15px;
}


.listados-titulo
{
        font-size: 15px;
    
}

body.page-node-81677 .field-name-body, body.page-node-81678 .field-name-body  {
    display: block !important;
}
body.page-node-81677 header .submitted, 
body.page-node-81678 header .submitted,
body.page-node-81677 .field-name-field-pie-de-foto,
body.page-node-81678 .field-name-field-pie-de-foto
{
    display: none !important;
}


 .nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
 .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #5c4293;
    border: 1px solid #ccc;
}

 .nav-pills > li {
    float: left;
    border: dotted 1px #CCC;
}
 .nav-pills > li > a {
     border-radius: 0px;
}

 h2, 
 .h2 {
    font-size: 30px;
    background-color: #927cbf;
    padding: 10px;
    color: #FFF;
}

 h3, 
 .h3 {
    /* padding: 5px; */
    font-size: 22px;
    /* border-bottom: 1px solid #CCC; */
    color: #8564ab;
}

.tab-content > .active {
    display: block;
    padding: 20px;
}

p a {
    text-decoration: underline;
        color: #4019b7;
}
.block-quicktabs
{ 
     position: relative;
}

.block-quicktabs article.node-preguntas-frecuentes header
{

    width: 373px;
    float: right;
    position: relative;
    
}
.block-quicktabs article.node-preguntas-frecuentes h2
{
      background-color: transparent;
    /* position: absolute; */
    z-index: -1;
    /* top: 5%; */
    /* width: 200px; */
    float: right;
}
.block-quicktabs article.node-preguntas-frecuentes h2 a
{
   font-size: 45px;
    color: #d5d0e6;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

.nav-pills > li + li {

    height: 45px;
    margin-bottom: 5px;
}


#block-views-2018-home-noticia-2-block-1
{
        float: none;
    
}

.view-2018-home-noticia-2 h2  {
    margin-top: 0px;
    font-weight: bold;
    font-size: 28px;
    background-color: transparent;
    padding: 0px 20px 10px;
    text-align: center;
    color: #7f6da2;
}
.view-2018-home-noticia-2
{
    background-color: #f6f2ff;
    
}
    

.reto_caja
{
    padding: 20px;
    border: double #6c539d;
    margin: 20px;
}


.reto_titulo
{
    font-weight: bold;
    font-size: 1.3em;
    color: #6c539d;
    margin-bottom: 20px;
}

.ShareSocial 
{   position: fixed;
    left: 0px;
    top: 80%;
     width: 50px;
    z-index:99;
}

.webform-datepicker select.day,
.webform-datepicker select.month,
.webform-datepicker select.year 
{
      float: left;
    width: 29%;
    margin-right: 10px;
}
.webform-calendar
{
     height: 30px;   
}

.form-required
{
        color: red;
}

.CabezoteGrupoPrincipal .panel-default > .panel-heading
{
color: #fff;
    background-color: #7e7492;
    border-color: #ddd;
}

.panel-default > .panel-heading 
{
   color: #fff;
    background-color: #463963;
    border-color: #ddd; 
}
.webform-client-form  .btn-default {
    color: #fff;
    background-color: #61b190;
    border-color: #317f37;
    padding: 10px 48px;
    font-weight: bold;
}

.webform-progressbar-page {
    position: absolute;
    width: 20px;
    height: 20px;
    margin: -12px -4px;
    border: 1px solid #793ba9;
    background-color: white;
    border-radius: 10px;
}

.webform-progressbar-page.current {
    background-color: #804f94;
}
.webform-progressbar-outer {
    position: relative;
    border: 1px solid #683269;
    width: 100%;
    height: 3px;
    margin: 0.35em -1px 2em;
    background-color: white;
}
.webform-progressbar {
    
    margin-top: 24px;
    margin-bottom: 50px;
}
.webform-progressbar-page .webform-progressbar-page-label {
 
    top: 18px;
}

.help-block, .control-group .help-inline {
    color: #777777;
    font-size: 16px;
    margin: 5px 0 10px;
    padding: 0;
}
.webform-component-file {

    margin: 20px 0px;
    border: 1px dotted #CCC;
    padding: 20px;
}

.nuevomenu
{

color: #c74325;
    font-weight: bold;

}

#block-menu-menu-2017-persona-jur-dicas li.leaf.active
{
    padding: 10px;
    background: LEMONCHIFFON;
    margin: 5px;
}