@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@600&display=swap');
@import url('revistade.css');

@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/Roboto-Regular.ttf");
}

@font-face {
    font-family: roboto-bold;
    src: url("../fonts/roboto/Roboto-Bold.ttf");
}

@font-face {
    font-family: roboto-condensed;
    src: url("../fonts/roboto/Roboto-Condensed.ttf");
}

@font-face {
    font-family: roboto-light;
    src: url("../fonts/roboto/Roboto-Light.ttf");
}

@font-face {
    font-family: Amarillo;
    src: url("../fonts/amarillo/Amarillo.ttf");
}

.contrast {
  -webkit-filter: grayscale(1);
  filter: gray;
  filter: grayscale(1);
}

.nav-2 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.shadow {
    box-shadow: 0 4px 4px 0 #ffb71b, 0 4px 4px 0 #ffb71b;
    padding-top: 9px;
}

.shadow-trans {
    margin-bottom: .7rem;
}

.shadow-section {
    box-shadow: 3px 0 3px 3px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
}

.invisible {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.0);
}

.invisible {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.img-user {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.img-usert {
    width: 38px;
    height: 38px;
}

.user-hover:hover {
    width: 36px;
    height: 36px;
    padding: 4px;
    background-color: #FFFFFF;
}

.user-selected {
    width: 36px;
    height: 36px;
    padding: 4px;
    background-color: #FFFFFF;
}

.user-active {
    padding: 5px;
    background-color: #FFFFFF;
    border-radius: 50%;
}

body {
    padding: 0 !important;
}

.bg-event {
    background-color: #00a1e7 !important;
}

.bg-white-trans {
    background-color: #ffffff;
}

.separar {
	padding-right: 20%;
}

.youtube {
    width: 470px;
    height: auto;
}

.pad-ico {
    color: #000;
    padding-right: 7px;
}

.pad-ico2 {
    padding-right: 7px;
}

.pad-txt {
    padding-right: 7px;
}

.fa-padding {
    margin-top: 9px;
}

.text-u {
    padding-top: 5px;
    font-size: 11px;
	float: right;
}

.desplace {
    margin-right: 40px;
}

.separador {
    background-image: url("../images/separa.png");
    height: 20px;
    opacity: 50%;
}

.gray {
    background-color: #EBEBEB;

}

.gray2 {
    background-color: #d6d6d6;

}

.blue {
    background-color: #0099DB;
}

.pad-accordion {
    padding-bottom: 60px;
}

.bd-trans {
    border-color: #e6e6e6;
    border-right: 1px solid;
    border-left: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-radius: 5px;
    padding: 7px;
    min-height: auto;
}

.pad-section {
    padding-top: 15px;
}

.text-small {
    font-size: 14px;
}

.btn-face {
    background-color: #455FA1;
    color: white;
    border-radius: 0 !important;
}

.btn-face:hover {
    background-color: #2A35A1;
    border-radius: 10px !important;
}

.btn-twiter {
    background-color: #58ABF5;
    color: white;
    border-radius: 0 !important;
}

.btn-twiter:hover {
    background-color: #5198DB;
    border-radius: 10px !important;
}

.btn-pinterest {
    background-color: #CD1D1F;
    color: white;
    border-radius: 0 !important;
}

.btn-pinterest:hover {
    background-color: #B21A1C;
    border-radius: 10px !important;
}

.pad-nav {
    padding-top: 7px !important;
}

.btn-google {
    background-color: #EB4026;
    color: white;
    border-radius: 0 !important;
}

.btn-google:hover {
    background-color: #D33A23;
    border-radius: 10px !important;
}

.btn-envelope {
    background-color: #1980BE;
    color: white;
    border-radius: 0 !important;
}

.margin-section-b {
    margin-bottom: 2rem !important;
}

.margin-section-t {
    margin-top: 2rem !important;
}

.margin-section {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.btn-envelope:hover {
    background-color: #17689D;
    border-radius: 10px !important;
}

.bg-blue {
    background-color: #FF6900 !important;
    color: #ffffff;
}

.btn-outline-blue {
    border-color: #FF6900 !important;
}

.pad-acordiontrans {
    padding-bottom: 30px;
}

.card-fine {
    border-radius: 0 !important;
}

.btn-rounded {
    border-radius: 20px !important;
}

.btn-register:hover {
    border-radius: 20px !important;
}

.navbar-2 {
    background-color: #e6e6e6 !important;
}

.nav-user {
    background-color: #ffffff !important;
}

.btn-search {
    background-color: #c2baba;
    color: #ffffff;
    font-family: Roboto !important;
}

.secretaria-pad {
    padding-left: 30px !important;
    padding-top: 5px;
}

.alcaldia-pad {
    padding-right: 20px !important;
}

.margin-search {
    margin-top: 3px !important;
}

.nav-hover:hover {
    background-color: #ffffff !important;
    color: #1A5479 !important;;
    border-radius: 1px !important;
}

.navbar {
    padding: 0 !important;
    font-family: Roboto;
}

.nav-pad {
    padding-right: 25px !important;
    padding-left: 25px !important;
	font-size: smaller;
}

.text-slider {
    font-size: 12px;
    background-color: rgba(27, 30, 33, 0.45);
}

.btn-footer {
    background-color: #EBEFEA;
    color: #777875;
}

.ico-footer {
    width: 20px;
    height: auto;
}

.card-hover:hover {
    opacity: 0.5;
    filter: alpha(opacity=80);
}

.img-shadow {
    border-radius: 15px !important;
}

.img-rounded {
    border-radius: 15px !important;
}

.img-rounded2 {
    border-radius: 10px !important;
}

.img-shadow2 {
    border-radius: 15px !important;

}

.img-shadow2::before {
    content: "";
    display: block;
    width: 160px;
    height: 160px;
    background-color: #000000 !important;
    opacity: 0.3;
    border-radius: 15px;
    position: absolute;
}

.img-shadow::before {
    content: "";
    display: block;
    width: 88%;
    height: 96%;
    background-color: #000000 !important;
    opacity: 0.3;
    border-radius: 5% 5% 5% 5%;
    position: absolute;
}

.section-gray {
    background-color: #e6e6e6;
    padding-bottom: 2rem;
}

.not-pad {
    padding-top: 20px;
    font-family: roboto-bold !important;
}

.event-bg {
    background-color: #1a5479;
}

.videos {
    position: relative;
    bottom: 6px;
    margin-left: 6px;
}

.bg-calendar {
    background-color: #265cff;
}

.card-width {
    width: 350%;
}

.footer-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #e5162f;
}

.p_footer-1 {
    font-size: 10px;
    margin-bottom: 0;
}

.p_footer-p {
    font-size: 12px;
    margin-bottom: 0;
}

.footer2 {
    background-color: #e6e6e6;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.footer3 {
    background-color: #4d4d4d;
}

.footer4 {
    background-color: #D2D1CD;
    padding-top: 10px;
}

.border-card {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.pad-notice {
    padding-bottom: 1rem !important;
}
.pdf-ico {
    color: #f20303;
    padding-bottom: 10px;

}

.word-ico {
    color: #538ff9;
    padding-bottom: 10px;
}

.pp-ico {
    color: #ba3704;
    padding-bottom: 10px;
}

.excel-ioo {
    color: #015b03;
}

.paper {
    color: #00a0e8;
}

.text-big {
    font-size: 27px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;

}

.new-ico {
    color: #2e85de;
}

.btn-outline-darko:hover {
    color: #fff;
    border-color: #255ade !important;
}

.btn-outline-darko {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #2e85de !important;
}

.idea-ico {
    color: #e7eb22;
}

.pad-social-section {
    padding-top: 2rem;
    background-color: #dfdfdf;
}

.sdqs-span {
    color: #2e85de;
}

.text-blue {
    color: #1bc9ff;
}

.serv-distr2 {
    color: #1a5479 !important;
    border-radius: 10px;
    border: #1a5479 4px solid;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.pad-distri {
    padding-top: 21px !important;
}

.pad-distri a {
	color: #000000;
}

.pad-bog {
    padding-bottom: 0;
    padding-top: 0;
	height: 10rem;
}

.section-1 {
    background-color: #e6e6e6;
    padding-bottom: 30px;
}

.padding-alcalcia {
    padding-top: 2rem;
}

.pad-table {
    padding-bottom: 30px;
}

.section-2 {

    background-color: #3dbaee;
}

.btn-j {
    background-color: #1BC9FE;
}

.p-j {
    font-size: 10pt !important;
    padding-bottom: 10px !important;
    font-family: Roboto !important;
    margin-left: 10px;


}

.p-ji {
    font-size: 10pt !important;
    padding-bottom: 10px !important;
    font-family: Roboto !important;
    margin-left: 10px;
    color: #FFFFFF;

}

p.card-text {
    font-family: Roboto;
}
.bg-margin {
    font-family: roboto-bold;
   padding-bottom: .7rem;
}

body a {
    font-family: Roboto !important;
}

p {
    font-family: Roboto;
    font-size: 14pt;
}

table {
    font-family: Roboto !important;
}

h5 {
    font-family: roboto-bold !important;	
}

.p_footer-1 {
    font-family: Roboto !important;
}

h1 {
    font-family: Roboto !important;
    font-size: 1.8rem !important;
}

a a.btn-rounded {
    font-family: Roboto !important;
}

span {
    font-family: Roboto !important;
}

.title-carousel {
    color: #3DBAEE;
    font-family: roboto-bold;
    margin-bottom: 2px !important;
    margin-left: 10px;
}

.fa-pad {
    padding-left: 18px;
    padding-right: 18px;
}

.carousel-caption {
    bottom: 0 !important;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0rem !important;
    padding: 10px !important;
    width: 90rem !important;
	top: 82%;
}


.carousel {
    margin-bottom: 0.8rem !important;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 64px !important;
    height: 64px !important;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("../images/prev.png") !important;
}

.carousel-control-next-icon {
    background-image: url("../images/next.png") !important;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 5% !important;
    margin-left: 5% !important;
    list-style: none;
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 15px !important;
    height: 15px !important;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgb(231, 231, 231) !important;
    border-radius: 50%;

}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators .active {
    background-color: #007bff !important;
}

.carousel-inner {
    position: relative;
    width: 100%;
    height: 500px !important;
    overflow: hidden
}

/*Haciendo el segundo carrusel del home*/

.carousel2 {
    margin-bottom: 1rem !important;
}

.carousel-control-prev2 {
    left: 0;
}

.carousel-control-next2 {
    right: 0;
}

.carousel-control-prev-icon2,
.carousel-control-next-icon2 {
    display: inline-block;
    width: 40px !important;
    height: 40px !important;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon2 {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon2 {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators2 {
    position: absolute;
    right: 0;
    bottom: 150px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 5% !important;
    margin-left: 5% !important;
    list-style: none;
}

.carousel-indicators2 li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 15px !important;
    height: 15px !important;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgb(231, 231, 231) !important;
    border-radius: 50%;

}

.carousel-indicators2 li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators2 li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators2 .active {
    background-color: #007bff !important;
}

.carousel-inner2 {
    position: relative;
    width: 100%;
    height: 370px !important;
    overflow: hidden
}

/*Termina el segundo carrusel*/

/*Centrar figura e imagen para el home*/

.center-fig {
    position: relative;
    bottom: -60px !important;
    font-family: roboto !important;
    font-size: 1.5rem !important;
    text-shadow: 0.1em 0.1em #333 !important;

}

.center-figtr {
    position: relative;
    bottom: -40px !important;
    font-family: roboto !important;
    font-size: 1.5rem !important;
    text-shadow: 0.1em 0.1em #333 !important;

}

.card-bold {
    font-family: roboto-bold !important;
    font-size: 1.7rem !important;
    text-shadow: 0.1em 0.1em #333 !important;
}

.center-fig2 {
    position: relative;
    bottom: -20px !important;
    font-family: roboto-bold !important;
    font-size: 1.2rem !important;
    text-shadow: 0.1em 0.1em #333 !important;

}

.text-card {
    position: relative;
    left: -14px !important;
    line-height: 30px;
    top: 70px;
}

.text-card-tr {
    position: relative;
    left: -14px !important;
    line-height: 30px;
    top: 50px;
}

.text-card-matri {
    position: relative;
    left: -14px !important;
    line-height: 30px;
    top: 70px;
}
.text-card2 {
    position: relative;
    left: -3px !important;
    font-size: 2.3rem !important;
}
.pad-log-in {
    margin-top: 4px;
}

.padding-card {
    padding-right: 2rem !important;
    padding-top: 10px !important;
    padding-left: 20px;
}

.padding-container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.a-hover:hover {
    text-decoration: none !important;
}

.social-media {
    background-color: #FF6900;
    padding-top: 5px;
    margin-right: 10px !important;

}

.hover-social:hover {
    background-color: #003b57;
    padding-top: 4px;
}

.bg-suggerences {
    background-color: #FF6900;
    overflow-y: scroll;
	max-height: 584px;
}

.line-height-sugerence {
    /*line-height: 13pt;*/
    font-size: 10pt;
    font-family: roboto-light;
}

.text-youtube {
    font-family: roboto-light;
    font-size: 13pt;
    line-height: 14pt;
}

.text-distri {
    font-size: 12pt;

}

a#distri-a {
    text-decoration: none;

}

.line-white {
    /*width: 380px;*/
	width: 100%;
    height: 5px;
    background: #FFFFFF;
}

.line-blue {
    width: 120px;
    /*height: 17px;*/
    background: #1A5479;
}

.social-media2 {
    background-color: #FF6900;
    padding-top: 5px;
}

.social-media-streamming {
    background-color: #FF6900;
    padding-top: 13px;
}

.bg-blue-youtube {
    background: #FF6900;
    padding-bottom: 30px;
	min-height: 584px;
	max-height: 630px;
}

.bg-blue-streamming {
    background: #FF6900;
	min-height: 580px;
	max-height: 630px;
}

.streamming {
	width: 100%;
    height: 580px;
    top: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.pad-social-media {
    padding-right: 6px;
}

.pad-video {
    padding-top: 15px;
	width: 540px;
}

.pad-video-2 {
    /*padding-top: 6px;*/
    color: #ffffff;
}

.pad-video-title {
    padding-top: 1%;
    color: #ffffff;
}

.pad-item-sug {
    padding-top: 12px;
	cursor: pointer;
}

.pad-btn-event {
    padding-bottom: 6px !important;
    padding-left: 25px !important;
}


.card-img2 {
    width: 100%;
}

.contentacdtics {
    position: fixed;
    bottom: 0;
    margin: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-width: 980px;
    height: 32px;
    padding: 0;
    z-index: 99999;
    background: #ffffff url(../images/logo.png) no-repeat;
    background-size: 60px;
    padding-left: 60px;
    background-position: 9px 5px;
}

.firstacdtics {
    border-right: solid 1px #005178;
}

.bg-card {
    background-color: #f7f8fa !important;
}

.contentacdtics li ul {
    position: absolute;
    top: -242px;
    border-bottom: 1px solid #005178;
    background-image: url(../images/logo.svg);
    background-repeat: no-repeat;
    background-position: 25.3em 11em;
}

.clearacdtics {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 8px
}

.contentacdtics .socialacdtics {
    float: right;
    width: auto;
    margin: 5px 15px 0;
    padding: 0;
    height: 40px;
    line-height: 25px;
    overflow: hidden
}

.contentacdtics .socialacdtics li {
    margin-right: 30px;
    margin-top: 3px;
    float: left;
    list-style: none
}

.barrainstrow1 {
    float: left;
    height: 50px;
    cursor: pointer;
}

.barrainstrow1 img {
    width: 90px;
    padding: 4.2px;
}

.barrainstrow2 {
    float: left;
    height: 50px;
    padding: 0px 10px;
    line-height: 16px;
    color: #b7b7b7;
    font-family: sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase;
}

.barrainstrow2 ul, .block ul, .item-list ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
}

.barrainstrow3 {
    float: left;
    height: 50px;
    padding: 0px 10px;
    line-height: 38px;
    color: #b7b7b7;
    font-family: sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase;
    cursor: pointer;
}

.barrainstrow4 {
    float: right;
    height: 50px;
    position: relative;
    left: -4%;
}

.navactic,
.navactic ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.navactic ul {
    position: absolute;
    left: -9999px;
    width: 392px;
    opacity: 0;
    -webkit-transition: 0.1s linear opacity;
    min-width: 150px;
    background: #005178;
    font-family: sans-serif !important;
}

.alcaldia {
    background: #1288b9;
    color: #fff;
}

.navactic li {
    float: left;
    position: relative;
    font-family: sans-serif !important;
}

.navactic li > a {
    float: left;
    padding: 0px 15px;
    color: #000000;
    font-size: 1em !important;
    text-decoration: none;
    font-family: sans-serif !important;
}

.navactic li > a:hover,
.navactic li > a:focus,
.navactic li:focus > a,
.navactic li:hover > a {
}

.navactic > li:first-child > a {
    border-left: 0;
    line-height: 35px;
}

.navactic > li:last-child > a {
    line-height: 35px;
}

.navactic li:hover ul,
.navactic li:focus ul,
ul.show-menu {
    left: 0;
    opacity: 0.99;
}

.navactic ul li {
    float: none;
    position: static;
}

.navactic ul a {
    color: #fff;
    text-shadow: none;
    text-decoration: none;
    float: none;
    display: block;
    font-size: 9px !important;
    padding: 0px 18px;
    -webkit-transition: 0.1s linear all;
    font-family: sans-serif !important;
}

.navactic ul a:hover,
.navactic ul a:focus {
    color: #bdbdbd;
    text-shadow: none;
    text-decoration: none;
}

.barrainstrow2 h3 {
    font-size: 13px !important;
    color: #ffffff;
    font-family: sans-serif !important;
    font-weight: normal;
    padding: 11px 16px;
    background: #004268;
    margin: 0px 0px 8px 0px;
    padding-top: 13px;
    line-height: unset;
}

.acdticsleft {
    float: left;
    width: 173px;
    margin-bottom: 1px;
}

.acdticsleft2 {
    float: left;
    width: 110px;
}

.acdticsleft3 {
    float: left;
    width: 100px;
}

.barrainstrow1 {
    display: none;
}

.socialacdtics img {
    width: 100%;
    position: relative;
    border: none;
    border-radius: 0px;
    background: transparent;
}

    /*Servicio a la ciudadanía*/
    .margin-0{
        margin-bottom: 0 !important;
    }

    .contenedor-ico{
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background-color: #045273;
        padding: 5%;
        float: left;
        position: absolute;
        bottom: 86%;
        left: 2%;
        transition: .2s all;
        -moz-box-shadow: 0px 0px 10px #ffffff;
        -webkit-box-shadow: 0px 0px 10px #ffffff;
        box-shadow: 0px 0px 10px #ffffff;
        transition: .4s all;

    }

    .contenedor-ico:hover {
        -moz-box-shadow: 0px 0px 30px #ffffff;
        -webkit-box-shadow: 0px 0px 30px #ffffff;
        box-shadow: 0px 0px 30px #ffffff;
    }

    .contenedor-ico-doc {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background-color: #045273;
        padding: 5%;
        float: left;
        position: absolute;
        bottom: 91%;
        left: 2%;
        -moz-box-shadow: 0px 0px 10px #ffffff;
        -webkit-box-shadow: 0px 0px 10px #ffffff;
        box-shadow: 0px 0px 10px #ffffff;
        transition: .4s all;
    }

    .contenedor-ico-doc:hover{
        -moz-box-shadow: 0px 0px 30px #ffffff;
        -webkit-box-shadow: 0px 0px 30px #ffffff;
        box-shadow: 0px 0px 30px #ffffff;
    }


    .contenedor-ico-contr{
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background-color: #045273;
        padding: 5%;
        float: left;
        position: absolute;
        bottom: 75%;
        left: 2%;
        -moz-box-shadow: 0px 0px 10px #ffffff;
        -webkit-box-shadow: 0px 0px 10px #ffffff;
        box-shadow: 0px 0px 10px #ffffff;
    }

    .contenedor-ico-contr:hover{
        -moz-box-shadow: 0px 0px 30px #ffffff;
        -webkit-box-shadow: 0px 0px 30px #ffffff;
        box-shadow: 0px 0px 30px #ffffff;
        transition: .4s all;
    }


    .contenedor{
        width: 170px;
        height: 240px;
        float: left;
        margin:auto;
        left: 20%;
        position: relative;
        -webkit-transition: height .4s;
    }

    a#contenedor-1{
        background-color: rgb(30, 103, 136);
        text-decoration: none;
    }

    a#contenedor-2{
        background-color: rgb(0, 118, 165);
        text-decoration: none;
    }

    a#contenedor-3{
        background-color: rgb(72, 194, 237);
        text-decoration: none;
    }

    a#contenedor-4{
        background-color: rgb(117, 194, 238);
        text-decoration: none;
    }

    a#contenedor-5{
        background-color: rgb(72, 194, 237);
        text-decoration: none;
    }

    a#contenedor-6{
        background-color: rgb(117, 194, 238);
        text-decoration: none;
    }

    a#contenedor-7,a#contenedor-9{
        background-color: rgb(30, 103, 136);
        text-decoration: none;
    }

    a#contenedor-8, a#contenedor-10{
        background-color: rgb(0, 118, 165);
        text-decoration: none;
    }

    img.icon{
        display: block;
        margin: 20px auto;
        background-color: rgba(255,255,255,.15);
        height: 120px;
        padding: 10px;
        border-radius: 30%;
        -webkit-box-shadow: 0px 0px 0px 30px rgba(255,255,255,0);
        -webkit-transition: box-shadow .4s;
    }

    img.icon-gestion{
        display: block;
        margin: 15px auto;
        width: auto;
        height: 96px;
        padding: 10px;
    }

    img.icon-gestion2{
        display: block;
        margin: 15px auto;
        width: auto;
        height: 96px;
        padding: 10px;
        transition: .4s ease;
    }

    .icon-gestionob{
        display: block;
        margin: 15px auto;
        margin-bottom: 31px !important;
        width: auto;
        height: 80px;
        padding: 10px;
        transition: .4s ease;
    }

    p.texto{
        font-size: 1.3em;
        color: white;
        text-align: center;
        padding-top: 5px;
        line-height: 1.5rem;
        margin: 7px;
        -webkit-transition: padding-top .4s;
        font-family: roboto-light ;
    }


    a.contenedor:hover{
        height: 280px;
    }

    a.contenedor:hover p.texto{
        padding-top: 35px;
    }

    a.contenedor:hover p.texto2{
        padding-top: 35px;
    }

    a.contenedor:hover img.icon{
        -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,.6);
    }


.body-large{
    height: 375px !important;
}

.body-large2{
	height: 260px !important;
}


.pad-transparencia-ciudadano {
    /*margin-bottom: .6rem;*/
}

    .inactivo{
        width: 100%;
        text-align: left !important;
        white-space: normal !important;
    }

    .inactivo:hover{
        background-color: rgba(0, 0, 0, .1);
        width: 100%;
        text-align: left !important;
    }
	
/** Normatividad **/
.normatividad-items {
	line-height: 1;
}

.normatividad-title {
	text-align:left;
	line-height: 1;
}

.normatividad-desc {
	line-height: 1;
}


/** Registro de usuario **/
.form-control2 {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #000000 !important;
    background-clip: padding-box;
    border: 1px solid #dfdfdf !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/** Readonly input **/
.read-only {
	border-color: transparent;
}

/** Exitoso **/
.title-success {
	color: green !important;
    font-weight: bold;
}

	
/** Seccion niños **/
/** Francisca **/
.bg-francisca{
    background-image: url("/portal_institucional/themes/sed_govimentum8/images/fondo-seccion-ninos.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	min-height: 1200px;
}

.margin-section-b2{
	margin-bottom: 18rem;
}

.center-img-ninos {
    left: 6% !important;
    position: absolute;
}

img.img-francisca {
    margin-bottom: 1em;
    -webkit-box-shadow: 4px -5px 32px -8px rgba(255,255,255,1);
    -moz-box-shadow: 4px -5px 32px -8px rgba(255,255,255,1);
    box-shadow: 4px -5px 32px -8px rgba(255,255,255,1);
}

.seccion-botones-ninos {
	padding-top: 60%;
}

@media (max-width: 1000px){
    img.img-francisca {
        position: relative;
    }
}

h5.font-francisca {
    font-family: Amarillo !important;
    font-size: 22pt;
    color: #ff7400;
    text-shadow: 1px 3px 20px #FFFFFF;
}

@media (max-width: 1200px) {
	h5.font-francisca{
		font-family: Amarillo !important;
	}
}

.btn-gradient-1 {
    color: #FFFFFF;
    background-color: #00c6ff;
    width:90%;
    transition: all .3s;
}

.btn-gradient-1:hover {
    color: #FFFFFF;
    -webkit-box-shadow: 4px -5px 32px -8px rgba(255,255,255,1);
    -moz-box-shadow: 4px -5px 32px -8px rgba(255,255,255,1);
    box-shadow: 4px -5px 32px -8px rgba(255,255,255,1);
}

.btn-gradient-1, .btn-gradient-2, .btn-gradient-3, .btn-gradient-4{
    margin-bottom: 1em;
}

.btn-gradient-2 {
    color: #FFFFFF;
    background-color: #ff6100;
    width: 90%;
    transition: all .3s;
}

.btn-gradient-2:hover {
    color: #FFFFFF;
    -webkit-box-shadow: 4px -5px 32px -8px rgba(255, 255, 255, 1);
    -moz-box-shadow: 4px -5px 32px -8px rgba(255, 255, 255, 1);
    box-shadow: 4px -5px 32px -8px rgba(255, 255, 255, 1);
}

.btn-gradient-3 {
    color: #FFFFFF;
    background-color: #00ac0e !important;
    width: 90%;
    transition: all .3s;
}

.btn-gradient-3:hover{
    color: #FFFFFF;
    -webkit-box-shadow: 4px -5px 32px -8px rgba(255,255,255,1);
    -moz-box-shadow: 4px -5px 32px -8px rgba(255,255,255,1);
    box-shadow: 4px -5px 32px -8px rgba(255,255,255,1);
}

.btn-gradient-4{
    color: #FFFFFF;
    background-color: #f40056;
    width: 90%;
    transition: all .3s;
}

.btn-gradient-4:hover{
    color: #FFFFfF;
    -webkit-box-shadow: 4px -5px 32px -8px rgba(255,255,255,1);
    -moz-box-shadow: 4px -5px 32px -8px rgba(255,255,255,1);
    box-shadow: 4px -5px 32px -8px rgba(255,255,255,1);
}

@media (max-width: 1200px){
   a.btn-gradient-1 {
        position: relative;
        left: 0% !important;
       width: 100% !important;
	}
}


/* Tarjetas menu 2 nuestra entidad */
.sed-card-container {
	padding-right: 1%;
}
.sed-card-row {
	padding-right: unset;
}
.sed-card-button {
	position: absolute;
    bottom: 2%;
}

/*Tarjetas para los trámites y servicios*/

div.contenedor-tramites{
    width: 250px;
    background-color: #f7f8fa;
    margin: 2% auto;
    align-items: center;
    text-align: center;
    float: none;
    border-radius: 1%;

}

h5.title-tramites{
    width: 100%;
    height: 6.2rem;
    padding: 3%;
    padding-top: 6%;
    text-align: center !important;
    font-family: roboto-bold;
    /*text-transform: uppercase;*/
    font-size: 11pt;
    background-color: #006299;
    color: #FFFFfF;
    margin-top: 8%;
    overflow-x: hidden;
    overflow-wrap: break-word;
    line-height: 14pt;
}

p.description-tarjeta{
    text-align: left;
    font-family: Roboto-light !important;
    font-size: 12pt;
    line-height: 14pt;
    padding: .7rem;
}

a.margin-btn-tramite{
    margin: .6rem;
    position: relative;
    bottom: 5% !important;
}

.text-title-tramites{
    color: #1a5479 !important;
}

.requisitos{
    font-size: 14pt;
    font-family: Roboto;
    line-height: 22pt;
    color: #343a40;
}

/** Tables **/
.sed-table-header {
	color: #ffffff;
	background-color: #64b9ef !important;
}

.sed-table-header-field {
	text-align: -webkit-center;
	text-align: center;
	font-size: 105% !important;
	font-weight: bold !important;
}

.sed-table {
	border: 1px solid #1C6EA4;
	text-align: left;
	border-collapse: collapse;
    border-radius: 5px;
    width: 50%;
    margin: 0px auto;
    float: none;  
}
.sed-table td {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
.sed-table tbody td {
	text-align: -webkit-center;
	text-align: center;
	font-size: small;
}

/* Calendario de actividades */
#calendar table td, #calendar table th{
    background-color: #FFF;
}
#calendar table th{
    color: #000;
}
.fc-view {
    width: 600px !important;
}
.fc-bg {
	height: 100px !important;
}
.fc-scroller {
	height: auto !important;
}
.calendar-items-desc {
	max-height: 497px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.calendario-eventos-texto {
	font-size: unset !important;
}

/* Organigrama */
#test_coords_organigrama {
    position: fixed;
    z-index: 99999;
    top: 60%;
    left: 2%;
}
area {
    cursor: pointer;
}

.canal-atencion-li {
	font-size: 1rem;
	text-align: -webkit-left;
}
	
/*************************************/
/* For Drupal */
/*************************************/

.share-bar {
	margin-bottom: 2%;
	padding-right: 0;
    right: 0;
}

.share-bar-img {
	width: 25px;
}

.share-bar-small {
    margin-bottom: 6%;
    padding-right: 0;
    right: 0;
    padding-left: 1.25rem;
	max-height: 0px;
}

.vote-section {
	margin-top: 3%;
}

.vote-icon-no {
	color: darkgray;
}

.vote-icon-yes {
	color: #007bff;
}


/* overflow */
.btn-block {
	white-space: unset;
}

.block_system {
	padding-bottom: 0.1px;
}

.block_system > h2 {
	padding-left: 2% !important;  
}

.activen {
    padding-top: 0.6% !important;
	padding-bottom: 0.6% !important;
    color: #275B7D !important;
    /*padding: 20px;*/
    background-color: #FFFFFF;	
}

.form-submit {
	color: #fff;
    background-color: #FFBF1B !important;
    border-color: #FFBF1B !important;	
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 3rem !important;
	margin-top: 13% !important;	
}

.form-select {
	margin-top: 2%;
}

#sed_toolbar_right {
	position: fixed;
	z-index: 9999 !important;	
}

.toolbar_right_odd {
	background-color: #003D64 !important;
}

.toolbar_right_pair {
	background-color: #138496 !important;
}

.btn-primary {
    background-color: #FFBF1B !important;
    border-color: #ffffff;
}

.home_enlaces_interes {
	padding-bottom: 3%;
}

.footer_alcaldia {
	list-style-type: disc !important;
}

.page_home {
	padding-top: 1% !important;
}

.not-pad {
	padding-top: 0 !important;
}

.miga_pan {
	margin-top: 2%;
}

.view-sed-view-home-slideshow {
	margin-top: -0.5%;
}

.carousel-option {
	cursor: pointer;
}
	
.view-id-sed_view_home_noticias{
	background-color: #e6e6e6 !important;
	margin-top: 2rem;
	padding-bottom: 2rem;
}

.222view-sed-view-home-noticias {
	background-color: #ffff !important;
}

.sed-view-noticias {
	background-color: #ffff !important;
	padding-top: 2rem;
}

.views_block_sed_view_home_eventos-block_1 {	
	padding-bottom: 2rem;
}

.view-id-sed_view_home_eventos {
	background-color: #FF6900 !important;
}

.block-title-views_block_sed_view_home_eventos-block_1 {	
	color: #ffffff !important;
}

.block-views-blocksed-view-home-redes-sociales-block-1 {
	background-color: #64b9ef !important;
}

.sed_social_network {
	margin-left: 1%; 
	margin-top: 0.7%;
}

.breadcrumb_ol {
	background-color: #ffffff;
	margin-block-end: 0;
	padding: 0.75rem 2rem !important;
}

.row_title_block {
	display: -webkit-box !important;
}

.sed_layout_left {
	width: 35% !important;
}

.sed_layout_rigth {
	width: 65% !important;
}

.page_background_gray {
	background-color: #EBEBEB !important;
}

.page_accordeon_content {
	margin-left: 1%;
    padding-left: 2%;
    padding-right: 2%;
}

.btn-more {
	padding: 2%;
	font-size: 10pt;
	bottom: 3%;
	float: right;
	margin-top: 2%;
	margin-right: 2%;
}

.btn-card {
	bottom: 2%;
    position: absolute;
}

.card-body-content {
	padding: 1.25rem;
}

.plantilla_tipo_top {
	padding-top: 1% !important;
}

.carousel-buttons {
	margin-top: 34%; 
	margin-left: 84%;
	opacity: 1;
}

.carousel-button {
	background-color: transparent;
	border: 0;
	padding: 3%;
}

h2.text-section-event {
    margin-bottom: 0 !important;
	background-color: #006299;
	color: #FFFFFF;
}

.search-form {
	display: none !important;
}

.container-back {
	padding-bottom: 2%;
}	

.container-form-search {
	/*padding-bottom: 4%;*/
}

.container-title-render {
	padding-top: 2%;
}

/** Pilas, se debe habilitar para display **/
.local_tasks_block {
	display: none;
}	

.title_fecha_publicacion {
	font-size: 1rem;
}

.render-view-container {
	width: 100%;
	margin-top: 3%;
}

.img-vertical-view {
	width: 100%;
}

.card-title-vertical-view {
	font-size: small;
}

.card-date-vertical-view {
	font-size: x-small;
}

.views-element-container {
	padding-left: 0;
	padding-right: 0;
}

.menu-item-title {
	text-align: left !important;
}

/** **/
.date-published {
	margin-left: 2%;
	font-weight: unset !important;
    font-size: 1rem;	
}

/** Iconos redes sociales **/
.align-redes-sociales {
	margin-left: 35%;
}

/** Texto negro **/
.text-black {
	color: black;
}

/** Responsive view_buscador **/
.display-lg {
	display: block;
}
.display-xs {
	display: none;
}

/** Tablero Datos **/
.tablero-datos-center {
	margin-left: 15%;
}
.tablero-datos-center-title {
	margin-left: -15%;
}

/** Tramites y servicios **/
.embed-responsive {
	max-width: 100%;
    /*max-height: 50%;*/
	min-height: 400px;
}

.embed-responsive-redes-sociales {
	max-width: 100%;
}

.guia-tramites-servicios {
	margin-top: 10%;
    margin-left: 15%;
}
.fut {
    margin-top: 4%;
    margin-left: auto;
    margin-bottom: 4%;
    margin-right: auto;
    width:62%;
}

.beneficios-link {
	font-size: 1.5rem;
}	

/** Encuestas **/
.poll {
	width: 100%;
	margin-left: 10%;
    margin-right: 10%;	
}
.contentinfo {
	width: 100%;
	margin-left: 10%;
    margin-right: 10%;
}

/** Chat **/
.sagicc-floating-button-bottom-right {
    position: none !important;
    bottom: 20px;
    right: 20px;
}

/** Boletines de prensa**/
.view-sed-view-page-boletines-prensa {
	margin-top: -2%;
}

/** Redes sociales **/
.img-red-social {
    width: 12% !important;
    position: absolute !important;
}
.bg-light {
    background-color: #dee2e6 !important;
}

.line-text-construcciones {
	border-style: outset;
}

.construcciones-title {
	font-size: 10pt;
}
.construcciones-title-blue {
	color: blue !important;
}

/** Organigrama **/
img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}

.view-sed-view-toolbar-buscador {
	background-color: #e5162f;
}

.buscador-panel {
	background-color: #e5162f !important;
}

.view-sed-view-footer-contacto {
	padding-top: 0.4%;
	background-color: ffb71b;
}

/* Larger than mobile */
@media (max-width: 600px) {
    .barrainstrow2 {
        display: none;
    }

    .barrainstrow1 {
        display: block;
        padding-top: 5px;
    }

    .barrainstrow1 a {
        color: #a5a5a5;
        font-family: sans-serif;
        font-size: 0.7em;
    }

    .barrainstrow4 {
        float: left;
        margin-left: 25%;
    }

    .contentacdtics .socialacdtics {
        float: right;
        width: auto;
        margin: 4px 0% 0px;
        padding: 0;
        height: 40px;
        line-height: 0px;
        overflow: hidden;
    }

    .contentacdtics {
        width: 100%;
        min-width: 500px;
        padding: 2px;
        background-size: 60px;
        padding-left: 80px;
    }
	.sed-table {
		width: auto !important;
	}
}

@media (max-width: 500px) {
	/** Responsive view_buscador **/
	.last_modified {
		float: left !important;
	}	
	.display-lg {
		display: none;
	}
	.display-xs {
		display: flex;
	}
	.img-alcaldia {
		width: 100%;
	}
	.img-secretaria {
		width: 100%;
	}	
	.img-colombia {
		width: 60%;
	}
	/** Responsive redes sociales **/
	.social-media {
		margin-right: -5% !important;
	}
	.bg-blue-youtube {
		min-height: auto !important;
	}
	/** Responsive general **/
	.calendar-small {
		left: 0 !important;
		font-size: 10vw;
	}
	.column-xs {
		width: 100% !important;
	}
	.card-width {
		width: 100% !important;
	}
	.card-img-top {
		width: 100% !important;
	}
	.column-menu-perfil-xs {
		width: 25% !important;
	}
	.column-enlaces-interes-xs {
		width: 100% !important;
	}
	.title-eventos {
		font-size: x-large;
	}
	.btn-event-2 {
        color: #FFFFFF;
        background-color: #006299;
        margin-top: 20px;
    }
    .btn-event-2:hover {
        color: #FFFFFF;
        background-color: #005385;
    }
	/** Imagenes **/
	.img-fluid {
		max-height: auto;
		width: 100%;
	}
	.img-responsive {
		max-height: 300px;
	}
	/** Tramites **/
	.contenedor-ico-doc {
		top: -3%;
	}
	/** Barra redes sociales **/
	.share-bar {
		text-align: center;
	}
	h1 {
		font-size: larger;
	}
	/** Titulos vistas noticias **/
	.title-section {
		font-size: initial !important;
	}
	.title_fecha_publicacion {
		padding: unset !important;
	}
	/** Tablero de datos **/
	.tablero-datos-center {
		margin-left: 0%;
	}
	.btn-card {
		position: unset;
	}
	.carousel-buttons {
		margin-left: 44%;
	}	
	.pad-notice {
		padding-top: 5%;
	}
	.sed-card-button {
		position: unset;
	}
	.btn-more {
		margin-top: 4%;
		margin-bottom: 2%;
	}
	.sed-table {
		width: auto !important;
	}
    .view-sed-view-home-slideshow {
		max-height: 250px;
    }
	
	
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
}

/* Larger than tablet */
@media (min-width: 750px) {
}

/* Larger than desktop */
@media (min-width: 1000px) {
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
}

.title-section {
    font-size: 22pt;
    font-family: roboto-bold;
}

.padding-gestion {

    padding-top: 2rem;
    padding-bottom: 4rem;
}

.bg-gestion{
	background-color: #FF6900;
    margin-bottom: 2rem;
	border-radius: 7px;
    padding: 8px;
}

.title-section-event {
    font-size: 22pt;
    font-family: roboto-bold;

}

.pad-eventos {
    padding-top: 2.3%;
}

.eventos-title {
    padding-top: 7%;
}

.eventos-title2 {
    padding-top: 20px;
}

.ini-pad {
    margin-left: 0 !important;
    padding-left: 0 !important;
}


.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057 !important;
    background-clip: padding-box;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 3rem !important;
    background-color: #dfdfdf !important;
    border: 1px solid #dfdfdf !important;	
}

.form-control-suscribirse {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 3rem !important;
}


.input-group {
    position: relative;
    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;
    width: 90% !important;
}


.pad-transparencia {
    margin-bottom: .6rem;
}

.pad-header {
    padding: 5px !important;
}

.transparencia-item {
	padding-right:5%; /*margin-left: 3%; margin-right: 2%;*/
}

.pad-transparencia-item {
	overflow-x: hidden;
	width: 100%;	
}


.section-matriculas {
    padding-bottom: 2rem !important;
}

.margen-matriculas {
    padding-bottom: 10px;
    padding-top: 10px;
    margin-left: 1.5rem;
    margin-right: 1.5rem;

}

.escudo {
    top: 10px !important;
}

.event-list {
    list-style: none;
    font-family: roboto-light;
    margin: 0px;
    padding: 0px;
}

.event-list > li {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 5px rgb(51, 51, 51);
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
    padding: 0px;
    margin: 0px 0px 20px;
}

.event-list > li > time {
    display: inline-block;
    width: 100%;
    color: rgb(255, 255, 255);
    background-color: rgb(61, 186, 238);
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}

.event-list > li:nth-child(even) > time {
    background-color: rgb(61, 186, 238);
}

.event-list > li > time > span {
    display: none;
}

.event-list > li > time > .day {
    display: block;
    font-size: 40pt;
    font-weight: 100;
    line-height: 1;

}

.event-list > li time > .month {
    display: block;
    font-size: 22pt;
    font-weight: 900;
    line-height: 1;
}

.event-list > li > img {
    width: 100%;
}

.event-list > li > .info {
    padding-top: 1%;
    text-align: center;
}

.event-list > li > .info > .title {
    font-size: 9pt;
    font-weight: 700;
    margin: 0px;
    line-height: 2;
}

.event-list > li > .info > .desc {
    font-size: 11pt;
    font-weight: 300;
    margin: 0px;
}

.btn-small {
    font-size: 11pt !important;
}

.event-list > li > .info > ul,
.event-list > li > .social > ul {
    display: table;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}

.event-list > li > .social > ul {
    margin: 0px;
}

.event-list > li > .info > ul > li,
.event-list > li > .social > ul > li {
    display: table-cell;
    cursor: pointer;
    color: rgb(30, 30, 30);
    font-size: 11pt;
    font-weight: 300;
    padding: 3px 0px;
}

.event-list > li > .info > ul > li > a {
    display: block;
    width: 100%;
    color: rgb(30, 30, 30);
    text-decoration: none;
}

.event-list > li > .social > ul > li {
    padding: 0px;
}

.event-list > li > .social > ul > li > a {
    padding: 3px 0px;
}

.event-list > li > .info > ul > li:hover,
.event-list > li > .social > ul > li:hover {
    color: rgb(30, 30, 30);
    background-color: rgb(200, 200, 200);
}

.facebook a,
.twitter a,
.google-plus a {
    display: block;
    width: 100%;
    color: rgb(75, 110, 168) !important;
}

.twitter a {
    color: rgb(79, 213, 248) !important;
}

.google-plus a {
    color: rgb(221, 75, 57) !important;
}

.facebook:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(75, 110, 168) !important;
}

.twitter:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(79, 213, 248) !important;
}

.google-plus:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(221, 75, 57) !important;
}

@media (min-width: 768px) {
    .event-list > li {
        position: relative;
        display: block;
        width: 100%;
        /*height: 120px;*/
        padding: 0px;
		padding-bottom: 3%;
		background-color: rgb(247, 248, 250);
    }

    .event-list > li > time,
    .event-list > li > img {
        display: inline-block;
    }

    .event-list > li > time,
    .event-list > li > img {
        width: 120px;
        float: left;
    }

    .event-list > li > .info {
        background-color: rgb(247, 248, 250);
        overflow: hidden;
    }

    .event-list > li > time,
    .event-list > li > img {
        width: 34%;
        height: 155px;
        padding: 0px;
        margin: 0px;
    }

    .event-list > li > .info {
        position: relative;
        height: 145px;
        text-align: left;
        /*padding-right: 40px;*/
    }

    .event-list > li > .info > .title,
    .event-list > li > .info > .desc {
        padding: 0px 10px;
    }

    .event-list > li > .info > ul {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

    .event-list > li > .social {
        position: absolute;
        top: 0px;
        right: 0px;
        display: block;
        width: 40px;
    }

    .event-list > li > .social > ul {
        border-left: 1px solid rgb(230, 230, 230);
    }

    .event-list > li > .social > ul > li {
        display: block;
        padding: 0px;
    }

    .event-list > li > .social > ul > li > a {
        display: block;
        width: 40px;
        padding: 10px 0px 9px;
    }
	.sed-table {
		width: auto !important;
	}	
}

.calendar-small {
    /*padding: 0 !important;*/
	padding-top:5%;
	padding-left:5%;
}



.btn-primary {
    color: #fff;
    background-color: #FFBF1B !important;
    border-color: #FFBF1B !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #dfdfdf !important;
    border-color: #dfdfdf !important;
}

.pad-plus {
    padding-top: 5px !important;
}

.pad-plus-big {
    position: relative;
    top: -8px;
}

.p_footer-derechos {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px !important;
}


.linear {
    display: inline-block;
}


img.card-gestion {
    width: 150px;
    height: auto;
    display: inline-block;
    float: left;
    margin-right: 10px;

}


/*Comienzan las cards de gestión educativa*/

.contenedor-gestion {
    background-color: #F7F8FA;
    margin: 10px auto;
    border-radius: 3px;
    width: 500px;

}

img.image-gestion {
    margin: 10px auto;
    border-radius: 2px;
}

span.text-gestion {
    font-size: 10pt;
    font-family: roboto-light;
    color: #4c4c4c;
    float: left;
    line-height: 12pt;
    text-align: left;
}

a.btn-mas {
    margin: 10px auto;

}

.pos-title {
    position: relative;
    top: 7px;
    color: #006299;
}


a#ver-mas {
    text-decoration: none;
    transform: translate(-50%, -50%);
    background: transparent;
    overflow: hidden;
    text-align: center;
    padding: 7px;
    position: relative;
    top: 15px;
    left: 30px;
    color: #424242;
}

.margin-columna {
    margin: 0 !important;
    margin-right: 15px;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}


/*INTRASED Comienza aquí*/

body.body-intra {
    background-color: #f7f7f7;
}

section.nav-intrased {
    background-color: #00adef;
}

.pad-log-in2 {
    margin-top: 7px;
}

section.nav-search {
    background-color: #fcfcfc;
    padding-top: 12px;
}

section.line-intra {
    height: 5px;
    background-color: #00adef;
    margin-bottom: 2rem;
}


/* Since positioning the image, we need to help out the caption */
.carousel-captionw {
    position: absolute;
    bottom: 12rem !important;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0rem !important;
    padding: 10px !important;
    width: 90rem !important;
	top: 83%;
}

/*Carrusel*/

.carousel {
    margin-bottom: 2rem !important;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 64px !important;
    height: 64px !important;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("../images/prev.png") !important;
}

.carousel-control-next-icon {
    background-image: url("../images/next.png") !important;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 5% !important;
    margin-left: 5% !important;
    list-style: none;
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 15px !important;
    height: 15px !important;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgb(231, 231, 231) !important;
    border-radius: 50%;

}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators .active {
    background-color: #007bff !important;
}


.carousel-inner4 {
    position: relative;
    width: 100%;
    height: 290px !important;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 5px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 5px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 5px -2px rgba(0, 0, 0, 0.75);
}

.margin-video {
    margin-bottom: 2rem;
}


div.plan-desarrollo-contenedor {
    width: auto;
    border-radius: 0px 0px 12px 12px;
    -moz-border-radius: 0px 0px 12px 12px;
    -webkit-border-radius: 0px 0px 12px 12px;
    margin: 0 1rem auto;
    margin-bottom: 2rem;
    background-color: #FFFFFF;
    -webkit-box-shadow: 9px 9px 13px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 9px 9px 13px -12px rgba(0, 0, 0, 0.75);
    box-shadow: 9px 9px 13px -12px rgba(0, 0, 0, 0.75);
}

.bg-plan {
    background-color: #ebeded;
    margin-left: 13px;

}

.plan-title {
    color: #3d3d3d;
    font-family: roboto-bold;
    font-size: 18pt;
    margin-top: 5px;
    margin-left: 16px;
    margin-right: 17px;
}

a.container-plan {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    float: left;
    margin: 20px auto;
}

a#uno-plan {
    background-color: #00a2b0;
    text-decoration: none;
}

a#dos-plan {
    background-color: #0f74a5;
    text-decoration: none;
}

a#tres-plan {
    background-color: #004267;
    text-decoration: none;
}

img.icon-plan {
    display: block;
    margin: 10px auto;
    height: 75px;
    padding: 2px;

}

p.text-plan {
    font-size: 11pt;
    color: #FFFFFF;
    text-align: center;
    line-height: 13pt;
    margin: 2px auto;
    font-family: roboto-light;
    position: relative;
    bottom: 5px;
}


a.aplicativos-contenedor {
    width: 121px;
    height: 107px;
    margin: 0 10px auto;
    margin-bottom: 1rem !important;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}

a.aplicativos-contenedor2 {
    width: 121px;
    height: 107px;
    margin: 0 10px auto;
    margin-bottom: 2rem !important;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}


a#one-apli {
    background-color: #00adef;
    text-decoration: none;
}

a#two-apli {
    background-color: #643f7b;
    text-decoration: none;
}

a#three-apli {
    background-color: #ed8100;
    text-decoration: none;
}

a#four-apli {
    background-color: #5fb672;
    text-decoration: none;
}

a#five-apli {
    background-color: #ed8100;
    text-decoration: none;
}

a#six-apli {
    background-color: #5fb672;
    text-decoration: none;
}

a#seven-apli {
    background-color: #643f7b;
    text-decoration: none;
}

a#eight-apli {
    background-color: #00adef;
    text-decoration: none;
}


p.text-aplicativos {
    margin: 40px auto;
    text-align: center;
    font-family: roboto-light;
    font-size: 13pt;
    line-height: 17pt;
    color: #FFFFFF;
}

p.text-aplicativos2 {
    margin: 30px auto;
    text-align: center;
    font-family: roboto-light;
    font-size: 13pt;
    line-height: 17pt;
    color: #FFFFFF;
}


.modified-card-intrased {
    width: 16.8rem;

    -webkit-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75);
}

.margin-card {
    margin-bottom: 2rem;
}

.text-noti {

    margin-top: .5rem;
}

a.ver-noti {
    color: #00a2b0 !important;
}


.title-card-intrased {
    color: #00a2b0;
    font-family: roboto-bold;
    font-size: 15pt !important;
}

.description-card-intrased {
    font-family: roboto-light;
    font-size: 12pt;
    line-height: 14pt;
}


.pull-center {
    margin-left: 30%;
}

.btn-outline-darko-intra:hover {
    color: #000;
    border-color: #0096a4 !important;
}

.btn-outline-darko-intra {
    color: #000;
    background-color: transparent;
    background-image: none;
    border-color: #00a2b0 !important;
}

div.eventos-intrased {
    background-color: #f4f4f4;
    border-radius: 14px;
    -webkit-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75);
    margin-bottom: 2rem;
    width: 16rem;
    height: auto;
}

div.margin-event {
    margin-top: 1rem;
    margin-bottom: 1rem;
}


.event-list2 {
    list-style: none;
    font-family: roboto-light;
    margin: 0px;
    padding: 0px;
}

.event-list2 > li {
    background-color: rgb(255, 255, 255);
    padding: 0px;
    margin: 0px 0px 20px;
}

.event-list2 > li > time {
    display: inline-block;
    width: 100%;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 162, 176);
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}

.event-list2 > li:nth-child(even) > time {
    background-color: rgb(0, 162, 176);
}

.event-list2 > li > time > span {
    display: none;
}

.event-list2 > li > time > .day2 {
    display: block;
    font-size: 30pt;
    font-weight: 100;
    line-height: 1;
    margin-top: 15px;

}

.event-list2 > li time > .month2 {
    display: block;
    font-size: 22pt;
    font-weight: 400;
    line-height: 1;
}

.event-list2 > li > .info2 {
    padding-top: 5px;
    text-align: center;
}

.event-list2 > li > .info > .title2 {
    font-size: 12pt;
    font-weight: 600;
    margin: 0px;
    line-height: 2;
}

h2.title2 {
    font-size: 12pt;
    line-height: 10pt;
    margin: 0 !important;

}

p.desc2 {
    font-size: 9pt;
    margin-top: 5px;
    margin-bottom: 0 !important;
}

.event-list2 > li > .info > .desc2 {
    font-size: 9pt;
    font-weight: 300;
    margin: 0px;
}

.btn-small2 {
    font-size: 9pt !important;
    padding-right: 0 !important;
    padding-left: 7px !important;
    padding-top: 6px !important;
    color: #00a2b0 !important;

}

.event-list2 > li > .info > ul,
.event-list2 > li > .social > ul {
    display: table;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}

.event-list2 > li > .info2 > ul > li,
.event-list2 > li > .social > ul > li {
    display: table-cell;
    cursor: pointer;
    color: rgb(30, 30, 30);
    font-size: 11pt;
    font-weight: 300;
    padding: 3px 0px;
}

.event-list2 > li > .info2 > ul > li > a {
    display: block;
    width: 100%;
    color: rgb(30, 30, 30);
    text-decoration: none;
}

.event-list2 > li > .info2 > ul > li:hover,
.event-list2 > li > .social > ul > li:hover {
    color: rgb(30, 30, 30);
    background-color: rgb(200, 200, 200);
}

@media (min-width: 768px) {
    .event-list2 > li {
        position: relative;
        display: block;
        width: 95%;
        height: auto;
        padding: 0px;
        margin-left: 7px;
    }

    .event-list2 > li > time,
    .event-list2 > li > img {
        display: inline-block;
    }

    .event-list2 > li > time,
    .event-list2 > li > img {
        width: 120px;
        float: left;
    }

    .event-list2 > li > .info2 {
        background-color: rgb(247, 248, 250);
        overflow: hidden;
    }

    .event-list2 > li > time,
    .event-list2 > li > img {
        width: 70px;
        height: 96px;
        padding: 0px;
        margin: 0px;
    }

    .event-list2 > li > .info2 {
        position: relative;
        height: auto;
        text-align: left;
        padding-right: 40px;
        background-color: #FFFFFF;
    }
   .event-list2 > li > .info2 > .title2,
    .event-list2 > li > .info2 > .desc2 {
        padding: 0px 10px;
    }

    .event-list2 > li > .info2 > ul {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }


    .foot-intrased {
        background-color: #00adef;
    }

    .margin-footer {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    h6#line {
        width: 98%;
        color: #FFFFFF;
        padding-bottom: 5px;
        border-bottom: 1px solid;
    }

    /*Comienza la sección de eventos y sus estilos*/
    div.container-fecha {
        background-color: #3dbaee;
        margin: 12px auto;
        width: 85px;
        height: 115px;
        text-align: center;

    }
    h2.text-section-event {
        font-size: 32pt;
        line-height: 40pt;
        color: #FFFFFF;

    }
    span.bg-date-event {
        background-color: #3dbaee;
        padding-right: 4px;
        padding-left: 4px;
        padding-bottom: 7px;
    }

    .margin-img-event {
        margin-top: 12px;
    }

    .title-blue {
        color: #006299;
        font-size: 24pt;
        font-family: roboto-bold !important;
        margin-top: 12px;
    }

    p.description-event-section {
        color: #000;
        font-size: 12pt;
        line-height: 14pt;
        font-family: Roboto-light;

    }

    .hora-fecha {
        color: #262626 !important;
        font-size: 12pt;
        margin-bottom: 0 !important;
        font-family: roboto-bold;
    }

    .btn-event-1 {
        color: #FFFFFF;
        background-color: #3dbaee;
        margin-top: 20px;
    }

    .btn-event-1:hover {
        color: #FFFFFF;
        background-color: #36a1d5;
    }

    .btn-event-2 {
        color: #FFFFFF;
        background-color: #FF6900;
        margin-top: 20px;
    }

    .btn-event-2:hover {
        color: #FFFFFF;
        background-color: #005385;
    }
	.sed-table {
		width: auto !important;
	}
}
.col-md-6.logos-inst {
    text-align: center;
}
img.logo-gov-co {
    background-color: #36c;
	margin: 1em;
}
img.logo-co-colombia {
    max-width: 80px;
}
.navbar-2 .navbar-nav a .img-menu-wrap{
 top: 56px;
 left:0px;
 display:none !important;
 width:0px;
 overflow:hidden;
 box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
 /* transition:all 0.3s ease; */
}
.navbar-2 .navbar-nav a .img-menu-wrap img{
  width:200px;
  height:140px;
}
.navbar-2 .navbar-nav a:hover .img-menu-wrap{
 z-index:2000;
width:200px;
 display:block !important;
 
}
#navbarCollapse > div > a:nth-child(9) .img-menu-wrap{
   right:0px !important;
}