/************************************************************************************
2018 Equipo NTG Colombia
CSS MinTIC 2018
REESCRIBIENDO BOOTSTRAP (archivo base a través de https://www.bootstrap-live-customizer.com)
@julian.lopez @diseno.col
/************************************************************************************/
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800');

/*font-family: 'Poppins', sans-serif;*/

/************************************************************************************
TRANSVERSALES
*************************************************************************************/
.h1, .h2, .h3, h1, h2, h3{
    text-transform: uppercase;
}

.bg-default{
    background-color: #FFF;
    color: #000;
}
.bg-warning{
    background-color: #363F47;
    color: #FFF;
}

.bg-patron{
    background-image: url(../img/patron_gris.png);
}

.bg-iniciativas{background-color: #451E54;}

.footer{
    margin-top: 30px;
    line-height: 5px;
}

#header  #logo{top: 0; left: 20px;}

#header #logo a{
    color: transparent;
    background-image: url(../img/Logo_bandera_MINTIC.png);
    background-repeat: no-repeat;
    padding: 78px 8px 1px 78px;
}

#header #logo a:after{
    content: url(../img/Logo_Blanco_MinTIC.png);
}


.mini_underline_title{
    position: relative
}

.mini_underline_title:after {
    content: "";
    height: 5px;
    width: 40px;
    display: block;
    position: absolute;
    background: #808080;
    left: 0;
    top: 100%;
}

.mini_underline_title_white{
    position: relative
}

.mini_underline_title_white:after {
    content: "";
    height: 5px;
    width: 40px;
    display: block;
    position: absolute;
    background: #ffffff;
    left: 0;
    top: 100%;
}

.big_purple_title{
    color: #7a3497;
    font-size: 32px;
    text-align: center;
}

.iframe_container_mintic{
    width: 100%;
    max-width: 700px;
    margin: 20px auto 40px auto;
    box-sizing: border-box;
    padding: 30px;
    background: #100e16;
}

.iframe_container_mintic > div{
    border: 1px solid #f2f2f2;
}

.logo_vdtv{
    width: 100%;
    margin: 40px 0;
    text-align: center;
}

.logo_vdtv img{
    width: 100%;
    max-width: 300px;
}

.logo_vdtv > img, .logo_vdtv > h2{
    display: inline;
    text-transform: initial;
}


/************************************************************************************
HOME
*************************************************************************************/
/* ENCABEZADO */

#logo_mintic_header a img{
    margin-left: 3rem;
    max-width: 70%;
    display: inline-block;
    margin-top: 0 !important;
    max-height: 80px;
}

.iframe_container_mintic{
    height: 454px;
}
.embed-responsive{
    max-width: 650px;
    height: 400px;
}

div#facebook iframe {
    width: 100%;
    height: 382px;
}


div#instagram a:nth-child(2){
    background-image: none;
    position: relative;
    padding: 0px;
    background-color: #FFF;
    display: block;
}

div#instagram a:nth-child(2) img {
    width: 100%;
    max-height: 380px;
}



#header .busqueda_avanzada{
    text-align: right;
}

#header .busqueda_avanzada label.invisible {
    display: none;
}

.busqueda_avanzada fieldset #buscador_mintic{
    width: 100%;
    position: relative;
}

.busqueda_avanzada fieldset{
    position: relative;
}

.busqueda_avanzada fieldset #cuadro_busqueda{
    position: absolute;
    top: 0;
    right: 0;
    color: transparent;
    width: 30px;
    height: 26px;
    padding: 0;
    background: transparent;
    z-index: 2;
}

.busqueda_avanzada fieldset:before {
    content: "";
    display: block;
    background: #5c5c5c;
    width: 30px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.busqueda_avanzada fieldset:after {
    content: "";
    display: block;
    background-image: url(../img/search_icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    width: 30px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}


/********** HEADER ************/

#header{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #FFF;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
    #header{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

/*#logo_mintic_header{
background-image: url(../img/header_bg.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: left;
width: 100%;
}*/

#logo_mintic_header {
    background:transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#logo_mintic_header_2{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left;
    width: 100%;
}

#header > #divBusqueda{
    -ms-flex-preferred-size: 590px;
    flex-basis: 590px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#header #viveDigital{
    /*-ms-flex-preferred-size: 300px;
    flex-basis: 300px;*/
    display: none;
}

#header #busqueda_input_header{
    width: 100%;
}

#header #busqueda_input_header .menu_auxiliar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 10px 0;
}
#header #busqueda_input_header .menu_auxiliar ul{
    padding: 0;
    margin: 0;
}

#header #busqueda_input_header .menu_auxiliar ul li{
    list-style: none;
    display: inline-block;
    font-size: 9px;
}

#header #busqueda_input_header .menu_auxiliar ul li a{
    color: #000000;
    padding: 3px;
    font-weight: 600;
    font-size: 10px;
}
#header #busqueda_input_header .menu_auxiliar ul li a:hover{
    color: #F42F63;
    border: 1px solid #F42F63;
    text-decoration: none;
}


.navbar-default {
    background: white;
    border-left: 15px solid #00bdd7;
    border-right: 15px solid #00bdd7;
    box-sizing: border-box;
}


#link_clasificandoi__Mintic18_tr_linkForm_Reuniones_1 > a{
    width: 90%;
    background-color: #F5F5F5;
    color: #263135;
    padding: 0.5em 0.5em 0.5em 3em!important;
    display: block!important;
    border: 1px solid #CCC!important;
    background-image: url(https://css.mintic.gov.co/mt/mintic17/img/icon_agendamiento.png)!important;
    background-repeat: no-repeat;
    background-position: left top;
    border-radius: 6px;
    box-shadow: 2px 2px 5px #999999;
    margin-bottom: 10px;
}


/********** SLIDER ************/

.carousel-indicators li {
    background: #4bcaff;
    border: 0;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: -2px -2px 0px 0px rgba(13,126,171,1);
    -moz-box-shadow: -2px -2px 0px 0px rgba(13,126,171,1);
    box-shadow: -2px -2px 0px 0px rgba(13,126,171,1);
    margin: 0 5px;
    border-radius: 50%;
}

.carousel-indicators li.active {
    background: #6c4495;
    border: 0;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: -2px -2px 0px 0px #4a206c;
    -moz-box-shadow: -2px -2px 0px 0px #4a206c;
    box-shadow: -2px -2px 0px 0px #4a206c;
    margin: 0 5px;
    border-radius: 50%;
}

#slider_principal .controls .play{
    background: #6c4495;
    border: 0;
    width: 25px;
    height: 25px;
    -webkit-box-shadow: -2px -2px 0px 0px #4a206c;
    -moz-box-shadow: -2px -2px 0px 0px #4a206c;
    box-shadow: -2px -2px 0px 0px #4a206c;
    margin: 0 5px;
    border-radius: 50%;
    display: block;
}

#slider_principal .controls .play:after {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(../img/play_slider.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
}

#slider_principal .controls .play span{
    display: none;
}

#slider_principal .controls .pause{
    background: #4bcaff;
    border: 0;
    width: 25px;
    height: 25px;
    -webkit-box-shadow: -2px -2px 0px 0px rgba(13,126,171,1);
    -moz-box-shadow: -2px -2px 0px 0px rgba(13,126,171,1);
    box-shadow: -2px -2px 0px 0px rgba(13,126,171,1);
    margin: 0 5px;
    border-radius: 50%;
    display: block;
}

#slider_principal .controls .pause span{
    display: none;
}

#slider_principal .controls .pause:after {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(../img/pause_slider.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    opacity: 0.6;
}

#slider_principal .carousel-inner .recuadro ul{
    position: absolute;
    margin: 0px auto;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 80px;
}

#slider_principal .carousel-inner .recuadro ul{
    font-size: 24px;
}

/********** REDES SOCIALES FIJA ************/
#social-fixed ul {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 0;
    right: 0;
    background-color: purple;
    z-index: 999;
}


#social-fixed ul li {
    display: inline-block;
    margin: 0px;
}

#social-fixed img {
    width: 25px;
    margin: 4px;
}

/********** SLIDER INICIATIVAS ************/

#slider_iniciativas .carousel-inner .item .recuadro{
    position: relative;
    padding: 0;
    border: 10px solid #451e54;
    box-sizing: border-box;
}

#slider_iniciativas .carousel-inner .item .recuadro img{
    width: 100%;
}

#slider_iniciativas .carousel-inner .item .recuadro h4{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    margin: 0px;
    padding: 5px;
    font-size: 13px;
    font-weight: 100;
}

/************************************************************************************
HOME
*************************************************************************************/
#slider_principal, #header{
    position: relative;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}


#slider_principal .titulo a
,#slider_principal .abstract div
{
    background-color: rgba(119,119,119,0.9);
    color: #FFF;
    padding: 3px 20px;
    margin-bottom: 10px;
}

#slider_principal  ul > li{
    list-style-type: none;
    text-align: center;
}

#slider_principal span.fa-angle-left{
    background-image: url(../img/prev.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 50px;
    width: 50px;
    top: 0;
    left: 20px;
    position: absolute;
    bottom: 0;
    margin: auto 0;
}

#slider_principal span.fa-angle-right{
    background-image: url(../img/next.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 50px;
    width: 50px;
    top: 0;
    right: 20px;
    position: absolute;
    bottom: 0;
    margin: auto 0;
}

#slider_principal .carousel-indicators{
    bottom: 2px;
}

#slider_principal .controls {
    position: absolute;
    bottom: 10px;
    right: 18px;
    z-index: 999;
}

#slider_principal img{
    width: 100%;
    height: auto;
    max-height: 500px;
}

/* MENU PRINCIPAL */

.dropdown-submenu {
    position: relative;
}


/*.dropdown-menu > li > a:hover
,  .dropdown-menu > li > a:focus{
background-color: #4a206c !important;
background-image: url(../img/bullet-submenu-hover.png);
background-repeat: no-repeat;
background-position: 8px 16px;
}*/

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: #1d212921 !important;
    color: #000;
}

.dropdown-menu > li > a{
    white-space: initial;
    padding-top: 10px;
}


.dropdown-submenu>.dropdown-menu {
    top: 90%;
    left: 0;
    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>.dropdown-menu>.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;
background-color: #4a206c;
width: 240px;
}*/

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    background-color: #6DD1E4;
    width: 240px;
    border: 1px solid white;
}

/*#menu_principal > .dropdown-submenu:hover > a{
background-color: #4a206c;
}*/

#menu_principal > .dropdown-submenu:hover > a{
    background-color: #FFF;
}


/*.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;
}

ul#menu_principal {
    display: table;
    width: 100%;
}

#menu_principal>li {
    display: table-cell;
    float: initial;
}

#menu_principal >li >a {
    text-align: center;
}

#menu_principal >li >a:hover{
    background-color: #4a206c;
}


#menu_principal > #atencion > a{
    background-image: url(../img/bullet-vutic.png);
    background-repeat: no-repeat;
    background-position: 1.4em 1.35em;
}


#menu_principal > #atencion > a:hover
, #menu_principal > #atencion:hover > a {
    background-color: #FFF;
    background-image: url(../img/bullet-vutic-hover.png);
    background-repeat: no-repeat;
    background-position: 1.4em 1.35em;
    color: #863993;
}

#atencion > #bloque_menu{
    width: 1112px;
    position: absolute;
    left: -867px;
    background-color: #FFF;
    padding: 1px 20px;
}

#atencion > #bloque_menu h2 {
    border-bottom: 3px solid #FDCF15;
    font-family: tahoma,arial,verdana;
    font-weight: normal;
    padding: 0.3em 0 0.2em 0.8em;
    margin-bottom: 1em;
    color: #666;
    margin-left: 5px;
}

#atencion > #bloque_menu > li {
    display: inline-grid;
    color: #666;
}


#atencion > #bloque_menu > li.col_vu {
    width: 250px;
}

#atencion > #bloque_menu > li.vutic {
    width: 560px;
}


#atencion > #bloque_menu > li.vutic > ul > .col_centro {
    width: 46%;
    display: inline-grid;
}


#atencion > #bloque_menu > li a{
    color: #666
}

#atencion > #bloque_menu > li a:hover{
    color: #791eb3;
}

#atencion > #bloque_menu > li ul li{
    list-style-type: none;
}

#atencion > #bloque_menu .contacto_vutic ul{
    padding: 0px;
}

#atencion > #bloque_menu .contacto_vutic p {
    margin: 0 0 4.5px;
    font-size: 13px;
}


ul.menu_principal>li#atencion a:hover {
    background-color: #FFF;
    background-image: url(../img/bullet-vutic-hover.png);
    background-repeat: no-repeat;
    background-position: 0.7em 0.6em;
    color: #863993;
}

ul.categorias_primera
, ul.categorias_segunda
, ul.publicos{
    padding: 0;
}

ul.categorias_primera >li{
    padding: 5px 2px
}

.categorias_primera >li > a{
    padding: 4px 0px 4px 32px;
}


.categorias_segunda >li > a{
    padding: 4px 0px 4px 32px;
    display: block;
    overflow: auto;
    min-height: 40px;
}

ul.categorias_primera>li.pvid-6157 a {
    background-image: url(../img/sprite_vutic.png);
    background-position: left top!important;
    background-repeat: no-repeat;
}

ul.categorias_primera>li.pvid-6157 a:hover {
    background-image: url(../img/sprite_vutic.png)!important;
    background-position: left -38px!important;
    background-repeat: no-repeat;
}


ul.categorias_primera>li.pvid-6158 a {
    background-image: url(../img/sprite_vutic.png);
    background-position: left -74px !important;
    background-repeat: no-repeat;
}

ul.categorias_primera>li.pvid-6158 a:hover {
    background-image: url(../img/sprite_vutic.png)!important;
    background-position: left -111px !important;
    background-repeat: no-repeat;
}


ul.categorias_primera>li.pvid-6159 a {
    background-image: url(../img/sprite_vutic.png);
    background-position: left -150px !important;
    background-repeat: no-repeat;
}

ul.categorias_primera>li.pvid-6159 a:hover {
    background-image: url(../img/sprite_vutic.png)!important;
    background-position: left -188px !important;
    background-repeat: no-repeat;
}


ul.categorias_primera>li.pvid-6160 a {
    background-image: url(../img/sprite_vutic.png);
    background-position: left -229px !important;
    background-repeat: no-repeat;
}

ul.categorias_primera>li.pvid-6160 a:hover {
    background-image: url(../img/sprite_vutic.png)!important;
    background-position: left -269px!important;
    background-repeat: no-repeat;
}


ul.categorias_segunda>li.pvid-6161 a {
    background-image: url(../img/sprite_vutic.png);
    background-position: left -298px !important;
    background-repeat: no-repeat;
}

ul.categorias_segunda>li.pvid-6161 a:hover {
    background-image: url(../img/sprite_vutic.png)!important;
    background-position: left -336px !important;
    background-repeat: no-repeat;
}



ul.categorias_segunda>li.pvid-6162 a {
    background-image: url(../img/sprite_vutic.png);
    background-position: left -374px !important;
    background-repeat: no-repeat;
}

ul.categorias_segunda>li.pvid-6162 a:hover {
    background-image: url(../img/sprite_vutic.png)!important;
    background-position: left -414px !important;
    background-repeat: no-repeat;
}


ul.categorias_segunda>li.pvid-6163 a {
    background-image: url(../img/sprite_vutic.png);
    background-position: left -453px !important;
    background-repeat: no-repeat;
}

ul.categorias_segunda>li.pvid-6163 a:hover {
    background-image: url(../img/sprite_vutic.png)!important;
    background-position: left -491px !important;
    background-repeat: no-repeat;
}


ul.categorias_segunda>li.pvid-6164 a {
    background-image: url(../img/sprite_vutic.png);
    background-position: left -536px !important;
    background-repeat: no-repeat;
}

ul.categorias_segunda>li.pvid-6164 a:hover {
    background-image: url(../img/sprite_vutic.png)!important;
    background-position: left -575px !important;
    background-repeat: no-repeat;
}


.publicos >li > a{
    padding: 4px 0px 4px 32px;
    display: block;
    overflow: auto;
    min-height: 34px;
}

ul.publicos>li.pvid-1055 a {
    background-image: url(../img/sprite_publicos.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0.1em 0 0.1em 1.8em;
}

ul.publicos>li.pvid-1055 a:hover {
    background-image: url(../img/sprite_publicos.png)!important;
    background-repeat: no-repeat;
    background-position: left -34px!important;
}

ul.publicos>li.pvid-1056 a {
    background-image: url(../img/sprite_publicos.png);
    background-repeat: no-repeat;
    background-position: left -71px;
    padding: 0.1em 0 0.1em 1.8em;
}

ul.publicos>li.pvid-1056 a:hover {
    background-image: url(../img/sprite_publicos.png)!important;
    background-repeat: no-repeat;
    background-position: left -110px!important;
}

ul.publicos>li.pvid-1057 a {
    background-image: url(../img/sprite_publicos.png);
    background-repeat: no-repeat;
    background-position: left -153px;
    padding: 0.1em 0 0.1em 1.8em;
}

ul.publicos>li.pvid-1057 a:hover {
    background-image: url(../img/sprite_publicos.png)!important;
    background-repeat: no-repeat;
    background-position: left -200px!important;
}

ul.publicos>li.pvid-1058 a {
    background-image: url(../img/sprite_publicos.png);
    background-repeat: no-repeat;
    background-position: left -310px;
    padding: 0.1em 0 0.1em 1.8em;
}

ul.publicos>li.pvid-1058 a:hover {
    background-image: url(../img/sprite_publicos.png)!important;
    background-repeat: no-repeat;
    background-position: left -346px!important;
}

ul.publicos>li.pvid-1059 a {
    background-image: url(../img/sprite_publicos.png);
    background-repeat: no-repeat;
    background-position: left -243px;
    padding: 0.1em 0 0.1em 1.8em;
}

ul.publicos>li.pvid-1059 a:hover {
    background-image: url(../img/sprite_publicos.png)!important;
    background-repeat: no-repeat;
    background-position: left -279px!important;
}


div.pqr {
    margin-top: 3px;
}

div.pqr a {
    width: 90%;
    background-color: #F5F5F5;
    color: #263135;
    padding: 0.5em 0.5em 0.5em 3em!important;
    display: block!important;
    border: 1px solid #CCC!important;
    background-image: url(http://www.mintic.gov.co/portal/604/propertyvalues-6785_icono.png)!important;
    background-repeat: no-repeat;
    background-position: left top;
    border-radius: 6px;
    box-shadow: 2px 2px 5px #999999;
    margin-bottom: 10px;
}

li.vutic>div.boton_tramites a {
    color: #FFFFFF!important;
    padding: 1em 1em 1.1em 1em;
    font-weight: bold;
    display: block;
    background-color: #464646;
    background-image: url(../img/vutic_logo.png);
    background-position: 270px center;
    background-repeat: no-repeat;
    border-radius: 6px;
    box-shadow: 2px 2px 5px #999999;
    clear: both;
    width: 88%;
    font-size: 1.1em;
}

div.transparencia {
    margin-top: 6px;
}

div.transparencia a {
    background-image: url(../img/icono-transparencia.png)!important;
    background-repeat: no-repeat;
}


/* boton menú movil*/
.navbar-toggle{
    float: left;
    margin-left: 10px;
    border: 0px;
    width: 160px;
}


.navbar-toggle > .menu{
    color: #FFF;
    position: absolute;
    top: 6px;
    left: 40px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #62398a;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: #FFF;
    font-size: 0px;
}


.infoPara {
    width: 100%;
}

.infoPara > h2{
    position: relative;
    margin:0px;
    text-transform: initial;
}

.infoPara >.recuadro > h2{
    margin-top: 0px;
}



.infoPara > h2:after {
    content: "";
    height: 5px;
    width: 40px;
    display: block;
    position: absolute;
    background: #ffffff;
    left: 0;
    top: 100%;
}


.infoPara .recuadro {
    display: inline-block;
    width: 20%;
}



@media screen and (min-width: 1px) and (max-width: 767px) {
    .infoPara .recuadro {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .infoPara .recuadro {
        width: 50%;
    }
}



.infoPara .recuadro > h2 a{
    font-size: 16px;
    font-weight: 100;
    line-height: 1.2;
}

.infoPara .recuadro > p{
    font-size: 12px;
    line-height: 1.3;
}

.infoPara .recuadro a{
    color: #FFF;
}


/********** WIDGET LOGROS ************/


.widget_logros > h3 {
    font-size: 32px;
    text-align: center;
    font-weight: 400;
}

.widget_logros > .vermas {
    text-align: center;
}


.widget_logros > .vermas > a {
    background: #8b8b8b;
    color: #ffffff;
    margin: 10px 0;
    padding: 2px 65px;
}



/********** NOTICIAS ************/


.noticia_destacada .recuadro{
    border-bottom: 1px dashed gray;
    border-right: 1px dashed gray;
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
    margin: 0;
}

.noticia_destacada .recuadro .titulo a{
    font-size: 20px;
    color: #4a5252;
}

.noticia_destacada .recuadro .titulo a:hover{
    color: #6c4495;
}

.noticia_destacada .titulo a:before {
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    background: url(../img/arrow_purple_news.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 4px;
}

.noticia_destacada .recuadro .fecha{
    font-size: 16px;
    color: #4a5252;
    margin: 0;
}

.noticias_secundarias .recuadro{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px dashed gray;
    border-right: 1px dashed gray;
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
    margin: 0;
}

.noticias_secundarias .recuadro .figure{
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px;
}

.noticias_secundarias .recuadro .figure img{
    width: 100%;
}

.noticias_secundarias .recuadro .titulo{
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 18px;
    color: #4a5252;
}

.noticias_secundarias .recuadro .titulo a{
    font-size: 18px;
    color: #4a5252;
}

.noticias_secundarias .recuadro .titulo a:hover{
    color: #6c4495;
}

.noticias_secundarias .titulo a:before {
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    background: url(../img/arrow_purple_news.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 4px;
}

.vermas-noticias {
    text-align: right;
    border-right: 1px dashed gray;
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
    margin: 0;
}

.vermas-noticias a{
    font-size: 18px;
    color: #4a5252;
}

.vermas-noticias a:hover{
    color: #6c4495;
}

.vermas-noticias a:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(../img/plus_news_gray.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 4px;
}


#convocatorias_portada .recuadros{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

#convocatorias_portada .recuadro{
    background: #555d62;
    margin: 0;
    padding: 15px 0 0 0;
    box-sizing: border-box;
    border-right: 10px solid #ffffff;
    margin-bottom: 10px;
}

#convocatorias_portada .recuadro:hover{
    background: #001a51;
}

#convocatorias_portada .recuadro h3{
    padding: 10px;
    font-size: 14px;
}

#convocatorias_portada .recuadro h3 a{
    color: #ffffff;
}

#convocatorias_portada .vermas div{
    float: left;
    width: 100%;
    text-align: right;
}

#convocatorias_portada .vermas div a{
    font-size: 18px;
    color: #4a5252;
}

#convocatorias_portada .vermas div a:hover{
    color: #6c4495;
}

#convocatorias_portada .vermas div a:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(../img/plus_news_gray.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 4px;
}


#link-redes{
    float: left;
    width: 100%;
    margin: 20px 10px;
}

#link-redes ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


div#redes_sociales_home{overflow: auto;}

div#redes_sociales_home a{
    color: #6C4495;
}

div#facebook
, div#twitter
, div #instagram{
    display: inline;
}

#redes_sociales_home .tab-redes {
    height: 40px;
    margin-top: -4px;
    position: relative;
}

#redes_sociales_home .tab-redes{
    background-image: url(../img/tab.png);
    background-size: 100%;
    background-repeat: no-repeat;
}



div#facebook a
, div#twitter a
, div#instagram a{
    background-color: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    padding-left: 50px;
    padding-top: 10px;
}


div#facebook a{
    background-image: url(../img/facebook_tab.png);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 5px 3px;
}

div#twitter a{
    background-image: url(../img/twitter_tab.png);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 5px 3px;
}

div#instagram a{
    background-image: url(../img/insta_tab.png);
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 5px 3px;
}

div#instagram iframe{
    width: 100% !important;
    height: 400px !important;
}

div#twitter >.tab-redes+div {
    margin-top: 0px;
    background-color: #fff;
}


div#link-redes ul{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: justify;
}

div#link-redes ul > li{
    display: inline-block;
}

#widget_vd_portada{
    background-color: #451E54
}

#widget_vd_portada h3{ color:#FFF; text-transform: initial;}

#slider_iniciativas .recuadro{
    position: relative;
}

#slider_iniciativas .carousel-indicators{
    display: none;
}

#slider_iniciativas .recuadro img{
    margin: 0 auto;
}



#slider_iniciativas .recuadro h4.titulo{
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.7);
    margin: 0px;
    padding:5px 0px;
}

#slider_iniciativas .carousel-control {
    width: 5%;
}

#slider_iniciativas a.left span:after {
    content: "<";
}

#slider_iniciativas a.right span:after {
    content: ">";
}


#slider_iniciativas .recuadro h4.titulo a{ color: #FFF;}


#slider_iniciativas .left.carousel-control,
#slider_iniciativas .right.carousel-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#slider_iniciativas .left.carousel-control span,
#slider_iniciativas .right.carousel-control span{
    color: transparent;
}


#slider_iniciativas .left.carousel-control span:after{
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(../img/left-arrow_white.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
}


#slider_iniciativas .right.carousel-control span:after {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(../img/right-arrow_white.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
}

.banner_destacados {
    height: auto;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.banner_destacados img{
    margin: auto;
    margin-bottom: 10px;
}


.iframe_convertic{overflow: auto;}

.iframe_convertic iframe{
    width: 100%;
}

.iframe_convertic .recuadro .figure img {
    float: left;
    margin-right: 2px;
}

.iframe_convertic .recuadro h2{
    color: #6c4495;}

.iframe_convertic .recuadro span.texto{
    font-size: 1.8rem;
    margin: 0;
    line-height: 2.3rem;
}
/************************************************************************************
PORTADILLA 1
*************************************************************************************/

/************************************************************************************
PORTADILLA 2
*************************************************************************************/

/************************************************************************************
EIDOX COMPLETO
*************************************************************************************/

.menu_valores > ul > li.current > a {
    color: #8B3B98!important;
}

.menu_valores ul>li.current>ul>li.current >a{
    color: #8B3B98!important;
}


.menu_valores ul>li.current>ul>li.current>ul>li.current > a {
    color: #8B3B98!important;
    font-weight: bold;
}


.menu_valores > ul > li > a:visited {
    color: #aaa !important;
}

.menu_valores ul > li > ul > li > a:visited{
    color: #aaa !important;
}


.menu_valores ul > li > ul > li > ul > li > a:visited {
    color: #aaa !important;
}

.menu_valores ul > li > ul > li > ul > li a:visited{
    color: #aaa !important;
}

.articulocompleto h2{margin-left: 1em;}

.articulocompleto img{
    margin-left: 1em;
    max-width: 640px;
    width: 100%;
    height: auto;
}

.articulocompleto a img{
    height: auto;
    width: auto;
}

#tabs .articulocompleto .flotar_izquierda img{
    margin-right: 1em;
    max-width: 150px;
    width: 83%;
}

.articulocompletoresumen h4 {
    font-weight: 400;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-left: 2.2em;
    font-size: 17px;
}


/************************************************************************************
FORMULARIOS
*************************************************************************************/

/************************************************************************************
UTILIDADES
*************************************************************************************/
.border-0 {border:none;}
.margen-0 {
    margin: 0;
}
.margen-bottom-xs {
    margin-bottom: 15px;
}
.margen-bottom-md {
    margin-bottom: 30px;
}
.margen-bottom-lg {
    margin-bottom: 45px;
}
.margen-top-xs {
    margin-top: 15px;
}
.margen-top-md {
    margin-top: 30px;
}
.margen-top-lg {
    margin-top: 45px;
}
.margen-right-xs {
    margin-right: 5px;
}
.margen-right-md {
    margin-right: 30px;
}
.margen-right-lg {
    margin-right: 45px;
}
.margen-left-xs {
    margin-left: 15px;
}
.margen-left-md {
    margin-left: 30px;
}
.margen-left-lg {
    margin-left: 45px;
}
.margen-top-0 {margin-top:0px;}
.padding-0 {padding:0;}
.padding-izquierda-0 {padding-left:0;}
.padding-derecha-0 {padding-right:0;}
.padding-bottom-xs {
    padding-bottom: 15px;
}
.padding-bottom-md {
    padding-bottom: 30px;
}
.padding-bottom-lg {
    padding-bottom: 45px;
}
.padding-top-xs {
    padding-top: 15px;
}
.padding-top-md {
    padding-top: 30px;
}
}
.padding-left-xs {
    padding-left: 15px;
}
.padding-left-md {
    padding-left: 30px;
}
.padding-left-lg {
    padding-left: 45px;
}
.padding-right-xs {
    padding-right: 15px;
}
.padding-right-md {
    padding-right: 30px;
}
.padding-right-lg {
    padding-right: 45px;
}
/************************************************************************************
MEDIA QUERY
*************************************************************************************/
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 992px) {

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

    .logo_vdtv > h2{
        display: block;
    }


    #logo_mintic_header {
        background-color: #67418d;
    }

    #logo_mintic_header_2 {
        background-color: #FFF;
    }

    .dropdown-submenu:hover>.dropdown-menu{
        display: none;
    }

    #menu_principal>li {
        display: block;
    }
    #menu_principal >li >a {
        text-align: left;
        margin-left: 13px;
        width: 100%;
    }
    #menu_principal > #atencion > a{
        background-image: none;
    }
    #menu_principal > #atencion > a:hover, #menu_principal > #atencion:hover > a{
        background-image: none;
        background-color: inherit;
        color: inherit;
    }

    .busqueda_avanzada fieldset #buscador_mintic {
        border: 1px solid #ccc;
    }

    #slider_principal .carousel-inner .recuadro ul {
        font-size: 13px;
    }

    #slider_principal .carousel-control{
        width:
    }

    #slider_principal span.fa-angle-right
    , #slider_principal span.fa-angle-left{
        background-size: 70%;
    }

    #slider_principal span.fa-angle-right{
        right: 0;
    }

    #slider_principal span.fa-angle-left{
        left: 0;
    }

    #slider_principal .carousel-inner .recuadro ul{
        padding: 0 22px;
    }

    #slider_principal .carousel-indicators li{
        width: 15px;
        height: 15px;
    }

    #slider_principal .carousel-indicators li.active{
        width: 15px;
        height: 15px;
    }

    div#facebook, div#twitter{
        margin-top: 20px;
    }

    .footer {
        margin-top: 24px;
        line-height: 0px;
        font-size: 12px;
    }
}
@media only screen and (max-width: 480px) {
    .margen-top-xs,.margen-bottom-md , .margen-top-lg ,.margen-top-xs ,
    .margen-top-md ,.margen-top-lg ,.margen-right-xs ,.margen-right-md ,
    .margen-right-lg ,.margen-left-xs ,.margen-left-md ,.margen-left-lg ,
    .padding-bottom-xs, .padding-bottom-md ,.padding-bottom-lg ,.padding-top-xs ,
    .padding-top-md ,.padding-top-lg ,.padding-left-xs ,.padding-left-md ,
    .padding-left-lg ,.padding-right-xs,
    .padding-right-md ,.padding-right-lg {margin:0px;padding:0px;}

    .iframe_convertic iframe{
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .iframe_convertic .recuadro span.texto{

    }
    .iframe_convertic .recuadro img{
        margin: 5px 7%;
        display: block;
    }
}
@media only screen and (max-width: 420px) {
    #slider_principal .carousel-inner .recuadro ul{
        bottom: 50px;
    }

    .noticias_secundarias .recuadro{
        display: block;
    }

    #link-redes img {
        width: 40px;
    }

    .footer{
        margin-top: 24px;
        line-height: 15px;
        font-size: 12px;
    }
    .footer p{
        margin: 0 0 7.5px;
    }
}

@media only screen and (max-width: 320px) {
    .iframe_container_mintic{
        height: 250px;
    }
    .embed-responsive{
        height: 210px !important;
    }

    #redes_sociales_home .tab-redes{background-size: 130%;}
    #instagram{margin-top: 20px;}

}
@media only screen and (min-width: 321px) {
    .iframe_container_mintic{
        height: 270px;
    }
    .embed-responsive{
        height: 230px;
    }
    #instagram{margin-top: 20px;}
}
@media only screen and (min-width: 440px) {
    .iframe_container_mintic{
        height: 360px;
    }
    .embed-responsive{
        height: 280px;
    }

    #instagram{margin-top: 20px;}
}

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

}


@media only screen and (min-width: 700px) {
    .iframe_container_mintic{
        height: 440px;
    }
    .embed-responsive{
        height: 400px;
    }
}

@media only screen and (min-width: 760px) {
    .iframe_container_mintic{
        height: 454px;
    }
    .embed-responsive{
        height: 400px;
    }
}


@media screen and (max-width: 1200px) {
    #atencion:hover > #bloque_menu {
        display: none;
    }
    #menu_principal>#atencion>a:hover
    , #menu_principal>#atencion:hover>a{
        background-color:#4a206c;
        color: #FFF;
        background-image: none;
    }
    #menu_principal>#atencion>a{
        background-image: none;
    }

}

@media screen and (max-width: 767px) {
    #logo_mintic_header {
        display: block;
        width: 100%;
        text-align: center;
    }
}


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



/* Home */

#logo_mintic_header {
    background:transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

#logo_mintic_header a img{
    max-height: 80px;
}

.dropdown-menu > li > a {
    color: #000;
}

#header #viveDigital{
    display: none;
}

#header #busqueda_input_header{
    padding: 5px 20px;
}

#header #busqueda_input_header .menu_auxiliar ul {
    padding: 0;
    margin: 0;
    left: initial;
    right: initial;
    position: relative;
}

#header #busqueda_input_header .menu_auxiliar ul li{
    margin-right: 15px;
    border-right: 0;
}

#header #busqueda_input_header .menu_auxiliar ul li a{
    color: #000000;
    padding: 3px;
    font-weight: 600;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    line-height: 1.42857143;
    border: 0;
}

.noticia_destacada .recuadro .titulo a:hover {
    color: #00bdd7;
}

.noticias_secundarias .recuadro .titulo a:hover {
    color: #00bdd7;
}

.bg-info_para {
    color: #000;
    background-color: #00bdd7;
}

.bg-primary {
    color: #000;
    background-color: #ececec;
}

.bg-iniciativas {
    background-color: transparent;
    background-image: url(https://cms.mintic.gov.co/static/cache/binaries/channels-507_bg_lineas.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#widget_vd_portada {
    background-color: transparent;
}

#widget_vd_portada h3{
    text-transform: uppercase;
    color: #000;
}

.infoPara > h2{
    color: #000;
    text-transform: uppercase;
    font-size: 27px;
    text-transform: uppercase !important;
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.infoPara > h2:after{
    content: "";
    position: absolute;
    bottom: -10px;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    background: #00bdd7;
    height: 4px;
    width: 80px;
}

.main-title_underline{
    color: #000;
    text-transform: uppercase !important;
    font-size: 27px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    position: relative;
    display: inline-block !important;
    width: 100%;
    margin-bottom: 40px;
}

.main-title_underline:before{
    content: "";
    position: absolute;
    bottom: -10px;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    background: #00bdd7;
    height: 4px;
    width: 80px;
}

.infoPara >.recuadro > img{
    margin: auto;
}

.infoPara >.recuadro > h2{
    text-align: center;
}

.infoPara .recuadro > h2 a{
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    text-transform: uppercase !important;
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.widget_logros > .vermas > a {
    background: #00bdd7;
    color: #ffffff;
    margin: 10px 0;
    padding: 8px 65px;
}

.iframe_convertic .recuadro h2{
    color: #000;
    text-transform: uppercase;
    font-size: 26px;
    text-transform: uppercase !important;
    font-weight: 600;
    position: relative;
    text-align: left;
}

div#redes_sociales_home {
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;;
}

div#facebook, div#twitter, div #instagram {
    display: inline;
    border-bottom: 3px solid #00bdd7;
    border-top: 3px solid #00bdd7;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
}

.navbar-default {
    background: white;
    border-left: 15px solid #00bdd7;
    border-right: 15px solid #00bdd7;
    box-sizing: border-box;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
    position: relative;
}

#menu_principal >li >a:hover{
    color: #000;
    background: transparent;
}


@media screen and (min-width: 769px){
    #menu_principal >li >a:hover:before{
        content: "";
        display: block;
        height: 3px;
        width: 60%;
        left: 0;
        margin: auto;
        right: 0;
        bottom: 10px;
        background: #00bdd7;
        position: absolute;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #fff;
        background: transparent !important;
        position: relative;

    }

    .navbar-default .navbar-nav > .active > a:before,
    .navbar-default .navbar-nav > .active > a:hover:before,
    .navbar-default .navbar-nav > .active > a:focus:before {
        content: "";
        display: block;
        height: 3px;
        width: 60%;
        left: 0;
        margin: auto;
        right: 0;
        bottom: 10px;
        background: #00bdd7;
        position: absolute;
    }
}

@media screen and (min-width: 1px) and (max-width: 768px){
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus  {
        color: #fff;
        background-color: #3772FF;
        margin: 0 !important;
    }
}

#menu_principal > .dropdown-submenu:hover > a {
    background-color: #fff;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    background-color: #6DD1E4;
    width: 240px;
    border: 1px solid white;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: #1d212921 !important;
    color: #000;
}

#menu_principal > #atencion > a:hover, #menu_principal > #atencion:hover > a {
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 1.4em 1.35em;
    color: #000;
}

.navbar-toggle > .menu {
    position: absolute;
    top: 6px;
    left: 40px;
    color: #000;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
    font-size: 0px;
}
@media only screen and (max-width: 767px){
    #menu_principal >li >a {
        text-align: center;
        margin-left: 13px;
        width: 100%;
    }

    #menu_principal >li >a:hover {
        background: #00bdd7;
    }

    ul#menu_principal {
        display: table;
        width: 100%;
        margin: 0;
    }
}

.navbar-default .navbar-toggle:hover {
    background-color: #00bdd7;
    width: 100%;
    margin: 0;
}

.navbar-default .navbar-toggle:focus {
    background-color: #fff;
    width: 100%;
    margin: 0;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #444242;
}

.mini_underline_title:after {
    content: "";
    height: 5px;
    width: 40px;
    display: block;
    position: absolute;
    background: #00bdd7;
    left: 0;
    top: 100%;
}

#slider_iniciativas .carousel-inner .item .recuadro {
    position: relative;
    padding: 0;
    border: 10px solid transparent;
    box-sizing: border-box;
}

#slider_iniciativas .carousel-inner .item .recuadro h4 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    background-color: rgb(0, 189, 215);
    margin: 0px;
    padding: 5px;
    font-size: 13px;
    font-weight: 400;
}












/* before styles */



.busqueda_avanzada fieldset #buscador_mintic{
    display: block;
    width: 100%;
    max-height: 26px;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    #header{
        display: block;
    }

    #header > #divBusqueda{
        display: block;
    }

    #header #viveDigital{
        width: 100%;
    }

    #header #viveDigital img{
        margin: auto;
        max-width: 135px;
        width: 100%;
    }

    #header #busqueda_input_header {
        width: 100%;
        padding: 5px 15px;
        box-sizing: border-box;
    }

    #header #busqueda_input_header .menu_auxiliar{
        display: none;
        text-align: center;
    }

    #header .busqueda_avanzada{
        display: block;
        width: 100%;
    }

    .busqueda_avanzada fieldset #buscador_mintic{
        display: block;
        width: 100%;
        max-height: 26px;
    }
}




/*************************************************************************************************************************************************************************
HOJA DE ESTILOS: estilos_2018.css
**************************************************************************************************************************************************************************/

/* Agrega código CSS aquí */

/*url nuevo logo: http://cms.mintic.gov.co/static/cache/binaries/channels-507_logo_nuevo.png

NOMBRE RECURSO: logo_nuevo*/


/* Internas */

ul.menu_principal > li#atencion a{
    padding: 15px;
}

ul.menu_principal > li#atencion a:hover{
    padding: 15px;
}

#container_cabezal #header{
    background: #fff;
}

#container_cabezal .cabezal{
    background: #fff;
}

#social-fixed ul {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 0;
    right: 0;
    background-color: #40758a;
    z-index: 999;
}

#nav {
    position: relative;
    z-index: 100;
    padding: 0;
    height: auto;
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
    background: white;
    border-left: 15px solid #00bdd7;
    border-right: 15px solid #00bdd7;
    box-sizing: border-box;
}

ul.menu_principal > li {
    display: inline-block;
    list-style-type: none;
    height: auto;
    position: relative;
}

ul.menu_principal > li a {
    text-decoration: none;
    color: #000;
    display: block;
    transition: all 0s ease 0s;
    padding: 15px 15px;
    border-right: none;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    background-color: transparent;
    position: relative;
}

ul.menu_principal >li,
ul.menu_principal li#ministro,
ul.menu_principal li#atencion,
ul.menu_principal li#ministerio,
ul.menu_principal li#normatividad,
ul.menu_principal li#iniciativas,
ul.menu_principal li#industriatic,
ul.menu_principal li#prensa, .cabezal {
    background-color: transparent;
}

ul.menu_principal >li:hover, ul.menu_principal li#ministro:hover, ul.menu_principal li#ministerio:hover, ul.menu_principal li#normatividad:hover, ul.menu_principal li#iniciativas:hover, ul.menu_principal li#industriatic:hover, ul.menu_principal li#prensa:hover {
    background-color: transparent;
}


@media screen and (min-width: 769px){
    ul.menu_principal > li > a:hover:before{
        content: "";
        display: block;
        height: 3px;
        width: 60%;
        left: 0;
        margin: auto;
        right: 0;
        bottom: 10px;
        background: #00bdd7;
        position: absolute;
    }

    ul.menu_principal > li#ministerio.current,
    ul.menu_principal > li#normatividad.current,
    ul.menu_principal > li#iniciativas.current,
    ul.menu_principal > li#industriatic.current,
    ul.menu_principal > li#prensa.current {
        color: #000;
        background: transparent !important;
        position: relative;

    }

    ul.menu_principal > li#ministerio.current:before,
    ul.menu_principal > li#normatividad.current:before,
    ul.menu_principal > li#iniciativas.current:before,
    ul.menu_principal > li#industriatic.current:before,
    ul.menu_principal > li#prensa.current:before {
        content: "";
        display: block;
        height: 3px;
        width: 60%;
        left: 0;
        margin: auto;
        right: 0;
        bottom: 10px;
        background: #00bdd7;
        position: absolute;
        z-index: 1;
    }
    ul.menu_principal li:hover#ministerio > ul,
    ul.menu_principal li:hover#normatividad > ul,
    ul.menu_principal li:hover#iniciativas > ul,
    ul.menu_principal li:hover#industriatic > ul,
    ul.menu_principal li:hover#prensa > ul {
        left: 0;
        opacity: 1;
        position: absolute;
        top: 42px;
        border: 1px solid #fff;
        width: 225px;
    }
}


@media screen and (min-width: 1px) and (max-width: 768px){
    ul.menu_principal{
        background: #fff;
    }
    ul.menu_principal li {
        display: block;
        float: none;
        border-top: 0;
        width: 100%;
        font-size: 1em;
        padding: 0;
        margin-bottom: 0;
    }
    ul.menu_principal > li a{
        background: transparent;
    }

    ul.menu_principal > li#ministerio,
    ul.menu_principal > li#normatividad,
    ul.menu_principal > li#iniciativas,
    ul.menu_principal > li#industriatic,
    ul.menu_principal > li#prensa {
        color: #000;
        background: transparent !important;
        position: relative;
        width: 100%;
    }

    ul.menu_principal > li#ministerio.current,
    ul.menu_principal > li#normatividad.current,
    ul.menu_principal > li#iniciativas.current,
    ul.menu_principal > li#industriatic.current,
    ul.menu_principal > li#prensa.current  {
        color: #ffffff;
        background-color: #00bdd7;
        margin: 0 !important;
    }

    ul.menu_principal li.current a, .inicio .menu_principal li.channel_link a {
        background-color: #00bdd7;
    }
}

.btn_menu_movil a{
    background-color: #fff;
    color: #000;
}


ul.menu_principal li.current a:hover, ul.menu_principal li.current a, .inicio .menu_principal li.channel_link a {
    border-right-color: transparent;
}
ul.menu_principal > li > ul > li.current > a {
    color: #000000;
}

ul.menu_principal li#ministerio > ul, ul.menu_principal li#normatividad > ul, ul.menu_principal li#iniciativas > ul, ul.menu_principal li#industriatic > ul, ul.menu_principal li#prensa > ul {
    background: #6DD1E4;
    height: auto;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: -99999px;
    transition: opacity 0.5s ease-in-out 0s;
    width: 14em;
    z-index: 9999;
    font-size: 1em;
}

ul.menu_principal li ul a {
    text-decoration: none;
    color: #000;
    display: block;
    background-color: transparent;
    height: auto;
    padding: 0;
    border: none;
    text-align: left;
    font-weight: normal;
    padding-left: 1em;
    padding: 4px 20px;
}

ul.menu_principal li ul a:hover {
    border: none;
    color: #000;
    background-color: rgba(29, 33, 41, 0.12) !important;
    padding: 4px 20px;
    background-image: none;
}

ul.menu_principal li ul a:visited {
    color: #000;
}

ul.menu_principal li#ministerio ul li:hover > ul {
    display: block;
    position: absolute;
    left: 17.5em;
    background-color: #6DD1E4;
    width: 14em;
    padding: 0;
    border: 1px solid #fff;
    top: 13px;
}

ul.menu_principal > li#atencion {
    background-image: url(../images/bullet-vutic.png);
    background-repeat: no-repeat;
    background-position: center left;
}

ul.menu_principal > li#atencion a:hover {
    background-color: #FFF;
    background-image: url(../images/bullet-vutic-hover.png);
    background-repeat: no-repeat;
    background-position: center left;
    color: #000;
}

ul.menu_principal > li:hover#atencion > ul {
    opacity: 1;
    position: absolute;
    top: 45px;
    right: -30px;
    display: block;
}

ul.menu_principal ul li{
    position: relative;
    overflow: visible;
}

/*ul.menu_principal li#atencion ul li.vutic.item2 ul.level3 li.col_centro.item2 ul.level4 li.item2 {
overflow: hidden;
}*/

ul.categorias_segunda > li.pvid-6162.cid-507 {
    height: 43px;
    overflow: hidden;
}

#container_footer, .bg-warning{
    background-color: #40758a;
}

.articulocompleto h1.titulo  {
    border-left: 7px solid #00bdd7;
    font-family: Tahoma,Arial,Geneva,sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 0.7em;
    padding-left: 0.2em;
}


.articulocompleto h2{
    margin: 1em 0 0.6em 0;
    font-size: 1.1em;
    color: #00bdd7;
    font-weight: normal;
}

.articulocompleto h1, .articulocompleto h2, .articulocompleto h3, .articulocompleto h4, .articulocompleto h5, .articulocompleto h6, #tabs_noticias h1 a, #tabs_noticias h2 a, #tabs_noticias h3 a, #tabs_noticias h4 a, #tabs_noticias h5 a, #tabs_noticias h6 a {
    margin: 0px 0px 8px 0px !important;
    font-size: 16px;
    color: #03a1b7;
    font-weight: normal;
    display: inline-block;
    width: 100%;
}

#main a:hover {
    color: #00bdd7;
}

.menu_valores > ul > li.current > a {
    color: #00bdd7 !important;
}

.fondo_lateral {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    background-position: left top;
    background-repeat: repeat-x;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #ccc;
    border-left-color: #CCC;
    background-color: #F8F8F8;
    border-top: 4px solid #00bdd7;
    background: #fff;
}

.busqueda_avanzada fieldset {
    clear: both;
    display: block;
    font-size: 0.8em;
    position: relative;
}

.busqueda_avanzada input.text {
    max-width: 100%;
    border-radius: 0;
}

.busqueda_avanzada .btn {
    border: 0;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    padding: 0;
    text-indent: -9999%;
    width: 15%;
    border-radius: 0;
    background-attachment: scroll;
    background-color: #909090;
    background-image: url(http://css.mintic.gov.co/mt/mintic/images/btn_busqueda_global1.gif);
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    top: 0;
    right: 0;
    color: transparent;
    width: 30px;
    height: 26px;
    padding: 0;
    z-index: 2;
}

.busqueda_avanzada fieldset #buscador_mintic {
    display: block;
    width: 100%;
    max-height: 26px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    padding: 2px;
    box-sizing: border-box;
}




/* Home */

#logo_mintic_header {
    background:transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#logo_mintic_header a img{
    max-height: 80px;
}

.dropdown-menu > li > a {
    color: #000;
}

#header #viveDigital{
    display: none;
}

#header #busqueda_input_header{
    padding: 5px 20px;
}

#header #busqueda_input_header .menu_auxiliar ul {
    padding: 0;
    margin: 0;
    left: initial;
    right: initial;
    position: relative;
}

#header #busqueda_input_header .menu_auxiliar ul li{
    margin-right: 15px;
    border-right: 0;
}

#header #busqueda_input_header .menu_auxiliar ul li a{
    color: #000000;
    padding: 3px;
    font-weight: 600;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    line-height: 1.42857143;
    border: 0;
}

.noticia_destacada .recuadro .titulo a:hover {
    color: #00bdd7;
}

.noticias_secundarias .recuadro .titulo a:hover {
    color: #00bdd7;
}

.bg-info_para {
    color: #000;
    background-color: #00bdd7;
}

.bg-primary {
    color: #000;
    background-color: #ececec;
}

.bg-iniciativas {
    background-color: transparent;
    background-image: url(https://cms.mintic.gov.co/static/cache/binaries/channels-507_bg_lineas.png?binary_rand=3095);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#widget_vd_portada {
    background-color: transparent;
}

#widget_vd_portada h3{
    text-transform: uppercase;
    color: #000;
}

.infoPara > h2{
    color: #000;
    text-transform: uppercase;
    font-size: 27px;
    text-transform: uppercase !important;
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.infoPara > h2:after{
    content: "";
    position: absolute;
    bottom: -10px;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    background: #00bdd7;
    height: 4px;
    width: 80px;
}

.main-title_underline{
    color: #000;
    text-transform: uppercase !important;
    font-size: 27px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    position: relative;
    display: inline-block !important;
    width: 100%;
    margin-bottom: 40px;
}

.main-title_underline:before{
    content: "";
    position: absolute;
    bottom: -10px;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    background: #00bdd7;
    height: 4px;
    width: 80px;
}

.infoPara >.recuadro > img{
    margin: auto;
}

.infoPara >.recuadro > h2{
    text-align: center;
}

.infoPara .recuadro > h2 a{
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    text-transform: uppercase !important;
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.widget_logros > .vermas > a {
    background: #00bdd7;
    color: #ffffff;
    margin: 10px 0;
    padding: 8px 65px;
}

.iframe_convertic .recuadro h2{
    color: #000;
    text-transform: uppercase;
    font-size: 26px;
    text-transform: uppercase !important;
    font-weight: 600;
    position: relative;
    text-align: left;
}

div#redes_sociales_home {
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;;
}

div#facebook, div#twitter, div #instagram {
    display: inline;
    border-bottom: 3px solid #00bdd7;
    border-top: 3px solid #00bdd7;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
}

.navbar-default {
    background: white;
    border-left: 15px solid #00bdd7;
    border-right: 15px solid #00bdd7;
    box-sizing: border-box;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
    position: relative;
}

#menu_principal >li >a:hover{
    color: #000;
    background: transparent;
}


@media screen and (min-width: 769px){
    #menu_principal >li >a:hover:before{
        content: "";
        display: block;
        height: 3px;
        width: 60%;
        left: 0;
        margin: auto;
        right: 0;
        bottom: 10px;
        background: #00bdd7;
        position: absolute;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #000;
        background: transparent !important;
        position: relative;

    }

    .navbar-default .navbar-nav > .active > a:before,
    .navbar-default .navbar-nav > .active > a:hover:before,
    .navbar-default .navbar-nav > .active > a:focus:before {
        content: "";
        display: block;
        height: 3px;
        width: 60%;
        left: 0;
        margin: auto;
        right: 0;
        bottom: 10px;
        background: #00bdd7;
        position: absolute;
    }
}

@media screen and (min-width: 1px) and (max-width: 768px){
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus  {
        color: #ffffff;
        background-color: #3772FF;
        margin: 0 !important;
    }
}

#menu_principal > .dropdown-submenu:hover > a {
    background-color: #fff;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    background-color: #6DD1E4;
    width: 240px;
    border: 1px solid white;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: #1d212921 !important;
    color: #000;
}

#menu_principal > #atencion > a:hover, #menu_principal > #atencion:hover > a {
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 1.4em 1.35em;
    color: #000;
}

.navbar-toggle > .menu {
    position: absolute;
    top: 6px;
    left: 40px;
    color: #000;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
    font-size: 0px;
}
@media only screen and (max-width: 767px){
    #menu_principal >li >a {
        text-align: center;
        margin-left: 13px;
        width: 100%;
    }

    #menu_principal >li >a:hover {
        background: #00bdd7;
    }

    ul#menu_principal {
        display: table;
        width: 100%;
        margin: 0;
    }
}

.navbar-default .navbar-toggle:hover {
    background-color: #00bdd7;
    width: 100%;
    margin: 0;
}

.navbar-default .navbar-toggle:focus {
    background-color: #fff;
    width: 100%;
    margin: 0;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #444242;
}

.mini_underline_title:after {
    content: "";
    height: 5px;
    width: 40px;
    display: block;
    position: absolute;
    background: #00bdd7;
    left: 0;
    top: 100%;
}

#slider_iniciativas .carousel-inner .item .recuadro {
    position: relative;
    padding: 0;
    border: 10px solid transparent;
    box-sizing: border-box;
}

#slider_iniciativas .carousel-inner .item .recuadro h4 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    background-color: rgb(0, 189, 215);
    margin: 0px;
    padding: 5px;
    font-size: 13px;
    font-weight: 400;
}



/* before styles */



.busqueda_avanzada fieldset #buscador_mintic{
    display: block;
    width: 100%;
    max-height: 26px;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    #header{
        display: block;
    }

    #header > #divBusqueda{
        display: block;
    }

    #header #viveDigital{
        width: 100%;
    }

    #header #viveDigital img{
        margin: auto;
        max-width: 135px;
        width: 100%;
    }

    #header #busqueda_input_header {
        width: 100%;
        padding: 5px 15px;
        box-sizing: border-box;
    }

    #header #busqueda_input_header .menu_auxiliar{
        display: none;
        text-align: center;
    }

    #header .busqueda_avanzada{
        display: block;
        width: 100%;
    }

    .busqueda_avanzada fieldset #buscador_mintic{
        display: block;
        width: 100%;
        max-height: 26px;
    }
}

/*************************************************************************************************************************************************************************
HOJA DE ESTILOS: Mintic18_css_home
**************************************************************************************************************************************************************************/



/*#container_main {
background-image: url("http://cms.mintic.gov.co/static/cache/binaries/articles-19278_bg_especiales.jpg");
background-repeat: repeat;
background-position: center top;

}*/

#header {
    height: 130px;
}

#atencion > #bloque_menu h2 {
    border-bottom: 3px solid #F42F63;
    font-family: tahoma,arial,verdana;
    font-weight: normal;
    padding: 0.3em 0 0.2em 0.8em;
    margin-bottom: 1em;
    color: #666;
    margin-left: 5px;
}

#logo_mintic_header {
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*background: #F42F63;*/
}

#header {
    height: 130px;
    background: #FFF;
    /*background: #F42F63;*/
}

#header #busqueda_input_header .menu_auxiliar ul li a {
    color: #4a5252;
    padding: 3px;
    font-weight: 600;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    line-height: 1.42857143;
    border: 0;
}

.bg-info_para {
    color: #000;
    background-color: #3366CC !important;
}

.navbar-default {
    background: white;
    border-left: 15px solid #3366CC;
    border-right: 15px solid #3366CC;
    box-sizing: border-box;
}

#container_footer, .bg-warning {
    background-color: #3366CC;
}

.carousel-indicators li {
    background: #F42F63;
    border: 0;
    width: 20px;
    height: 20px;
    -moz-box-shadow: -2px -2px 0px 0px rgba(13,126,171,1);
    margin: 0 5px;
    border-radius: 50%;
    box-shadow: none;
}

.carousel-indicators li.active {
    background: #fff;
    border: 0;
    width: 20px;
    height: 20px;
    box-shadow: none;
    margin: 0 5px;
    border-radius: 50%;
}

#slider_principal .controls .pause {
    background: #F42F63;
    border: 0;
    width: 25px;
    height: 25px;
    box-shadow: none;
    margin: 0 5px;
    border-radius: 50%;
    display: block;
}

#slider_principal .controls .play {
    background: #F42F63;
    border: 0;
    width: 25px;
    height: 25px;
    box-shadow: none;
    margin: 0 5px;
    border-radius: 50%;
    display: block;
}

.infoPara > h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 27px;
    text-transform: uppercase !important;
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.infoPara > h2:after {
    content: "";
    position: absolute;
    bottom: -10px;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    height: 4px;
    width: 80px;
}

.infoPara .recuadro > h2 a {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    text-transform: uppercase !important;
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.mini_underline_title:after {
    content: "";
    height: 5px;
    width: 40px;
    display: block;
    position: absolute;
    background: #F42F63;
    left: 0;
    top: 100%;
}

.main-title_underline:before {
    content: "";
    position: absolute;
    bottom: -10px;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    background: #F42F63;
    height: 4px;
    width: 80px;
}

.widget_logros > .vermas > a {
    background: #F42F63;
    color: #ffffff;
    margin: 10px 0;
    padding: 8px 65px;
}

.noticia_destacada .recuadro {
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
    margin: 0;
    border: 0;
}

.noticias_secundarias .recuadro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
    margin: 0;
}

.bg-primary {
    color: #000;
    background-color: #E2ECFD;
}

.bg-iniciativas {
    background: transparent;
}

div#facebook, div#twitter, div #instagram {
    display: inline;
    border-bottom: 3px solid #F42F63;
    border-top: 3px solid #F42F63;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
}

.noticias_secundarias .recuadro .titulo a:hover {
    color: #F42F63;
}

.noticia_destacada .recuadro .titulo a:hover {
    color: #F42F63;
}

#convocatorias_portada .vermas div a:hover {
    color: #F42F63;
}

@media screen and (min-width: 769px){
    .navbar-default .navbar-nav > .active > a:before, .navbar-default .navbar-nav > .active > a:hover:before, .navbar-default .navbar-nav > .active > a:focus:before {
        content: "";
        display: block;
        height: 3px;
        width: 60%;
        left: 0;
        margin: auto;
        right: 0;
        bottom: 10px;
        background: #F42F63;
        position: absolute;
    }
}

@media screen and (min-width: 769px){
    #menu_principal >li >a:hover:before {
        content: "";
        display: block;
        height: 3px;
        width: 60%;
        left: 0;
        margin: auto;
        right: 0;
        bottom: 10px;
        background: #F42F63;
        position: absolute;
    }
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    background-color: #3772FF;
    width: 240px;
    border: none;
}

.dropdown-menu > li > a {
    color: #fff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: #1d212921 !important;
    color: #fff;
}

#logo_mintic_header a img {
    max-height: 130px;
    margin: 0;
}

#social-fixed ul {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 0;
    right: 0;
    background-color: #F42F63;
    z-index: 999;
}

/*adicion gov*/

.header-govco {
    background: #3366CC;
    padding: 10px 60px 10px 60px;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    .header-govco {
        padding: 10px;
    }
}

.header-govco > img {
    height: 20px;
}

.header-govco > span {
    display:none;
}

/* M2019 */

#recuadros_articulo_9473 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.noticias_secundarias .recuadro {
    border-right: none !important;
}

@media only screen and (max-width: 480px) {
  .noticias_secundarias .recuadro{
    display: block;
  }
}