@charset "UTF-8";

/* A variation on Eric Meyer's CSS Reset:
   This is disabled because the Blueprint framework already has it.
   You should enable it if you aren't using Blueprint.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
abbr,acronym {
	border:0;
}
*/

/* Below are the CSS styles that aren't included with Blueprint. It's a good idea to keep them whether or not you use it unless you know what you're doing. */

/* Text styles */
.animate{
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.clear{ clear: both; }
.centrado-emblemas{ text-align: center !important; }
.centrado-emblemas img{ text-align: center !important; }
.Roboto, *{ font-family: 'Roboto', sans-serif; }
.MsoNormal{ font-size: 13px; line-height: 17px; }
body{ background: /*url(https://www.udi.edu.co//templates/atomic/css/../images/bg-body.jpg) no-repeat center top*/ #FFFFFF; }
body p, h1, h2, h3, h4, h5{ font-family: 'Roboto'; }
.container{ position: relative; }
.container .categories-list{ padding-left:0px; }
.container #div-sidebar{ padding-left: 18px !important; }
.blog-featured h2 {
	font-size: 1.5em;
	margin-bottom:0em;
}
p.readmore {
	text-indent:0;
	font-size: .9em;
}
.joomla-header .sedes{ position: absolute; bottom: 0px; }
.joomla-header .sedes div{ float: left; }
.joomla-header .sedes div.sede{
    border-right: solid 1px silver; color: black; padding-right: 15px; margin: 10px 0px 10px 15px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.joomla-header .sedes div.sede.default{ margin: 4px; color: #396497; }
.joomla-header .sedes div.sede b{ font-size: 20px; }
.joomla-header .sedes div.sede:hover a{ color: #DD9D48; text-decoration: underline; }
.joomla-header .sedes div.sede.final{ border: none; }
.joomla-header .sedes div.sede a{ color: black; }
.joomla-search .searchdiv-buscador-top{ margin: 34px 0px 30px; }
.joomla-search .searchdiv-buscador-top{ border-radius: 7px; border: solid 1px #999999; background: #F0F0F0; }
.joomla-search .searchdiv-buscador-top input{
    background: white; border-radius: 5px; margin-left: 5px; height: 20px;
    padding: 3px 5px; color: gray; border: solid 1px #DDDDDD; width: 78%;
}
.joomla-search .searchdiv-buscador-top .buscar{
    width: 38px; height: 41px; float: right; margin-right: 2px; border-radius: 5px;
    background: url(https://www.udi.edu.co//templates/atomic/css/../images/bg-search.png) no-repeat 0px top transparent; cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.joomla-search .searchdiv-buscador-top .buscar:hover{ background-position: 4px top; }
.joomla-footer {
	font-size: .9em; margin-bottom: 0px; border-bottom: solid 15px #000;
    background: #DEDEDE; padding: 5px 0px 0px; margin-top: 20px; border-radius:5px 5px 0px 0px;
}
.joomla-footer > ul:nth-child(3){ margin-left: 10px; }
.joomla-footer .info-footer{ background: #F1F1F1; padding: 20px; height: 41px; }
.joomla-footer .info-footer a.logo{ float: left; margin-right: 65px; }
.joomla-footer .info-footer div.datos{ float: left; line-height: 11px; color: gray; }
.joomla-footer .weblinkslinks{ float:left; margin: 0px 0px 5px 0px; padding: 0px; list-style-type: none; width: 16.3%; }
.joomla-footer .weblinkslinks a{ font-family:'Roboto', sans-serif; color: gray; text-decoration: none; }
.joomla-footer .weblinkslinks a:hover{ text-decoration:  underline; }
#info-copy{ margin: 0px; padding-top: 10px; background: black; color: gray; font-family:'Roboto', sans-serif; text-align: center; }

/* Article functions */
ul.actions {
	clear:both;
	margin-top: -50px;
	float:right;
}
ul.actions li {
	list-style-type: none;
	float:right;
	margin-left: 10px;
}

/* Login styles */
p#form-login-username label,
p#form-login-password label {
	width: 160px;
	display:block;
}
p#form-login-remember label {
	font-size: .9em;
	font-weight: normal;
	line-height: 25px;
}
p#form-login-remember input {
	float:left;
	margin-right: 5px;
}
form#form-login ul {
	margin: 0;
	padding: 0;
}
form#form-login ul li {
	list-style-type: none;
	margin-left: 20px;
	font-size: .9em;
}

/* Image float styles */
.img-fulltext-left {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img-intro-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.img-intro-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}



/** ### Estilos de la plantilla #### **/
#div-header{  height:175px; background: none; }
#div-menu{ background: none; }
#div-contenido{ text-align: justify; background-color: white; border-radius: 5px; /*padding:10px; border: solid 1px #DEDEDE;*/ }
#logo-udi{
    background: url(https://www.udi.edu.co//templates/atomic/css/../images/logo-udi-web.png) no-repeat center center; margin-left: 40px;
    height: 115px; text-indent: -999999px; width: 442px; cursor: pointer; float: left;
	-webkit-transition: background-position .2s ease;
    -moz-transition: background-position .2s ease;
    -o-transition: background-position .2s ease;
    transition: background-position .2s ease;
}
#logo-udi:hover{ background-position:center -2px; }

#div-topmenu > .container{ background: none; }
#menu-navegacion{ 
	border: solid 1px silver; background: #333333;
	border-radius: 10px; padding: 0px; height: 49px;
}
#menu-navegacion *{ font-family: 'trebuchet ms',arial; font-size: 15px; }
#menu-navegacion li:first-child{
    background: url(https://www.udi.edu.co//templates/atomic/css/../images/logo-home-right.png) no-repeat right center;
    background-color: #000000; margin: 0px 1px 0px 0px; width: 65px;
}
#menu-navegacion li:last-child{
    display:none;
}
#menu-navegacion li:first-child a{ line-height: 38px; margin: 10px 0px 0px 2px; background-color: transparent !important; }
#menu-navegacion li:first-child a span{ display: none; }
#menu-navegacion li:first-child a:hover{ background-color: transparent; }
#menu-navegacion li{ height: 49px; color: white; margin: 0px 7px; }
#menu-navegacion li a{
    color: white; line-height: 49px; font-weight: normal; padding: 0px 5px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
#menu-navegacion li a:hover, #menu-navegacion li.selected a{ background-color: black; color: #FF9900; }


/** Menu superior de Tipo de Visitante **/
#menu-perfil-usuario{
    border: solid 1px silver; background: #333333; border-radius: 0px 0px 10px 10px;
    padding: 0px; height: 30px; position: absolute; top: 0px; right: 0px;
}
#menu-perfil-usuario li{ height: 30px; color: white; margin: 0px 3px; }
#menu-perfil-usuario li a{ color: white; line-height: 30px; font-weight: normal; padding: 0px 10px; }
#menu-perfil-usuario li a:hover{ background-color: black; color: #FF9900; }

#kafbfanbox.facebook-home{ float: right; margin-right:5px; }
#jmod-container{ margin-left:0px; }
.sp_simple_youtube{ margin-left: 0px; }

/** SIDEBAR HOME ***/
.container #div-sidebar .mod_ext_custom{ margin: 20px 0px !important; }
.container h6, .h6-titulo, h4.caption{
    font-size: 15px; font-weight: lighter; color: #004EA3; margin-bottom: 10px;
    border-bottom: solid 1px silver; margin-top: 20px; 
}
.container p + p{ text-indent:0px; margin-top: 0px; }

/** CSS MENU FOOTER **/
#menu-footer{ margin: 10px; background: transparent; border: none; padding: 0px; }
#menu-footer  li{
	border-bottom: solid 1px white; margin: 0px; text-align: left;
	width: 16.6%; height: 17px; overflow: hidden; font-family: 'Roboto', sans-serif;
}
#menu-footer  li a{ padding: 0px; }
#menu-footer  li:first-child, #menu-footer  li:last-child{ display: none; }
#menu-footer  li img{ display: none; }
#menu-perfil-usuario li:last-child{ display: none; }
.bannergroupdiv-banner-footer{ margin: 10px; }
.bannergroupdiv-banner-footer img{ width: 100% !important; height: auto !important; }
.bannergroupdiv-banner-footer .clr{ height: 10px !important; }

.bannergroupdiv-servicios{
    margin: 0px 0px 20px 0px;
    /*background: url(../images/bg-servicios.png) no-repeat center 15px white;*/
}
.bannergroupdiv-servicios .banneritem{
	display:inline-block; margin:0px 5px; opacity: 0.6; text-align: center;
	width: 75px; vertical-align: top;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.bannergroupdiv-servicios .banneritem:hover{ opacity: 1; }
.bannergroupdiv-servicios .banneritem img{ width: 75px; height: 75px; }
.bannergroupdiv-servicios .banneritem a{ text-decoration: none; }
.bannergroupdiv-servicios .banneritem a:hover{ text-decoration: underline; color: #09f; }
.bannergroupdiv-servicios .banneritem a div{ text-align: center; font-size:11px; color: gray; line-height: 12px; }
.bannergroupdiv-servicios .banneritem .clr{ height: 0px !important; }

.bannergrouptopbar-iconos{ position: absolute; right: 0px; background:white; padding: 0px 5px; border-radius:10px; bottom:0; }
.bannergrouptopbar-iconos .banneritem{
    float: left; margin: -25px 2px 0px; cursor: pointer;
    /*-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;*/
}
/*.bannergrouptopbar-iconos .banneritem:hover{ margin-top: 0px; }*/
.bannergrouptopbar-iconos .banneritem .clr{ height: 0px !important; }
#div-agenda-institucional{ border: solid 1px silver; padding: 10px; margin-bottom:20px; height: 200px; overflow-y:scroll; ovrflow-x:hidden; }
#div-agenda-institucional h4{ border-bottom: dotted 1px silver; font-size:19px; margin-bottom:10px; color:#396497; }
#div-agenda-institucional h5 a{ border: none !important; font-size:15px; color:#DD9D48; }
#div-agenda-institucional p{ text-indent: 0px; line-height: 13px; font-size: 12px; margin-bottom: 10px; }
#div-agenda-institucional hr{ margin-bottom: 10px; }

/** Vista de las paginas internas **/
.div-categoria-investigacion{ width: 310px; margin-top: 35px; }
.div-categoria-investigacion li{ list-style-type: none; }
.div-categoria-investigacion img{ width: 310px; }
div.blog.div-investigaciones{ padding-left: 20px; }
ul#bloque-grupos-investigacion{ padding: 0px; margin: 5px; }
ul#bloque-grupos-investigacion li{
    float: left; width: 11.835%; background: white; border-radius: 5px; padding: 1px; margin-top: 5px;
    margin:1px ; list-style: none; border: solid 1px #DDDDDD; font-size: 0px; line-height: 0px;
}
ul#bloque-grupos-investigacion li {
    float: left; width: 24%; background: white; border-radius: 5px; padding: 1px; margin-top: 5px;
    margin:1px ; list-style: none; border: solid 1px #DDDDDD; font-size: 0px; line-height: 0px; min-height: 145px;
    display: flex; flex-direction: column; justify-content: center;
}
ul#bloque-grupos-investigacion li img{ width: 100%; border-radius: 5px; }
ul#bloque-grupos-investigacion li img{ width: 50%; border-radius: 5px; margin-right: 10px; }
ul#bloque-grupos-investigacion li div{ display: flex; align-items: center; justify-content: center; width: 100%; }
ul#bloque-grupos-investigacion li div p{ font-size: 10px; text-align: left; }
ul#bloque-grupos-investigacion li a{ display: flex; align-items: center; color:#000; font-weight: 700; text-decoration: unset; padding: 10px; }
ul#bloque-grupos-investigacion li:hover{ border-color: #42C1FF; }
/* .card-178 p {
    font-size: 7px!important;
} */
.home-flotante-inv {
    width: 3%;
    position: fixed;
    bottom: 0;
    margin-bottom: 40px;
    margin-left: 25px;
    background: #333;
    color: white;
    padding: 5px 10px;
    border-radius: 7px;
}
h2.grupos-investigacion{
	background: url(https://www.udi.edu.co//templates/atomic/css/../images/bg-h3-titulo.png) repeat-x center top transparent;
    width: 100%; height: 53px; color: black; font-size: 24px; line-height: 53px !important;
	border-radius: 7px; font-weight: bold; vertical-align: top; margin-bottom: 0px !important;
}
h2.grupos-investigacion img{ margin: 3px 10px 0px 15px; display:inline-block;}
div.div-ulgrupos{ background: #DFDFDF; margin: 0px 20px; padding: 10px; border-radius: 0px 0px 7px 7px; }

div#menu-rapido {
	position: absolute;
	/*right: 20px;*/
	top: 90px;
	z-index:999;
}
div#menu-rapido div.link-div{
	padding-right: 45px;
	background: url(https://www.udi.edu.co//templates/atomic/css/../images/menu-rapido-2.png) no-repeat 205px center transparent;
	background-size: 12%;
	cursor: pointer;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

div#menu-rapido div.carreras{
	position: absolute;
	left: 1px;
	width:320px;
	overflow-y: scroll;
	background: #333;
	color: white;
	box-shadow:2px 2px 7px #000;
	height: 0px;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

div#menu-rapido div.carreras a{
	display: block;
	color: silver;
	padding: 5px 10px;
	text-align: left;
	font-size: 12px;
	line-height: 12px;
	background: transparent;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
	text-decoration: none;
}

div#menu-rapido div.carreras a:hover{
	color: white;
	background: black;
	padding: 5px 10px 5px 15px;
}

div#menu-rapido div.carreras.activo{
	display:block;
	height: 300px;
	padding: 10px 0px;
}

div#menu-rapido div.link-div:hover{
	background-position: 210px center;
	background-size: 16%;
}

/** ########################################
    Vista de la p�gina de Programas
    ######################################## **/
.div-programa{ /*background: #CDCDCD;  padding: 10px;*/ border-radius: 7px; }
.div-programa h2.title-page-div{
    background: #333; color: white; padding: 5px 20px; border-radius: 7px;
}

.div-navegacion {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-navegacion {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-navegacion svg {
    width: 25px;
    height: 25px;
    color: #FFF;
}
.btn-navegacion svg:hover{
    color: #dfdfdf;
}
.div-programa div.category-desc{ margin-bottom: 20px; background: white; text-align: center; padding: 5px; font-size: 20px; color: gray; border-radius: 7px; }
.div-programa div.category-desc *{ margin: 0px; }
.div-programa div.category-desc div.clr{ height: 0px; }
.div-programa .sidebar-programa{
    float: left; width: 25%; text-align: left;
    background: url(https://www.udi.edu.co//templates/atomic/css/../images/bg-menu.png) repeat-y 7px top transparent;
}
.div-programa .sidebar-programa h2#h2-servicios-programa{ font-size: 25px; text-decoration: underline; color: silver; line-height: 50px; }
.div-programa .sidebar-programa h2#h2-servicios-programa div.img{
	width: 50px; margin-right: 5px; height: 47px; border-radius: 25px; float: left;
	background: url(https://www.udi.edu.co//templates/atomic/css/../images/item-programa.jpg) no-repeat center center transparent;
}
.div-programa div#div-contenido-programas{ float: left; width: 74%; margin-left: 1%; }

.div-programa div#div-contenido-programas .item-contenido{ text-align: justify; display:none; padding: 10px 0px 15px 0px; }
.div-contenido .category-desc{ padding: 15px 0px; } 
.div-programa div#div-contenido-programas .item-contenido h1, .div-contenido .category-desc h1{ line-height: 100%; margin-bottom: 10px; font-size: 25px; font-weight: bold; }
.div-programa div#div-contenido-programas .item-contenido h2, .div-contenido .category-desc h2{
	line-height: 100%; margin-bottom: 10px; font-size: 23px; font-weight: bold; /*color:#D03906;
	background: url(https://www.udi.edu.co//templates/atomic/css/../images/bullet-h2.png) no-repeat -5px -5px transparent; padding-left: 25px;*/
}
.div-programa div#div-contenido-programas .item-contenido h3, .div-contenido .category-desc h3{ line-height: 100%; margin-bottom: 10px; font-size: 18px; font-weight: bold; color:#135cae; }
.div-programa div#div-contenido-programas .item-contenido h4, .div-contenido .category-desc h4{ line-height: 100%; margin-bottom: 10px; font-size: 16px; font-weight: bold; }
.div-programa div#div-contenido-programas .item-contenido h5, .div-contenido .category-desc h5{ line-height: 100%; margin-bottom: 10px; font-size: 14px; font-weight: bold; }
.div-programa div#div-contenido-programas .item-contenido h6, .div-contenido .category-desc h6{
	line-height: 100%; margin-bottom: 10px; font-size: 12px; border: none;
	color: gray; font-weight: normal; margin-top: 10px;
}
.div-programa div#div-contenido-programas .item-contenido hr, .div-contenido .category-desc hr{ margin-bottom: 10px; background: gray; }
.div-programa div#div-contenido-programas .item-contenido img, .div-contenido .category-desc img{ max-width: 100%; /*border-radius: 7px;*/ }
.div-programa div#div-contenido-programas .item-contenido p, .div-contenido .category-desc p{ font-size: 13px; line-height: 16px; }
.div-programa div#div-contenido-programas .item-contenido ul{ padding-left: 40px; }
.div-programa div#div-contenido-programas .item-contenido ul,
.div-programa div#div-contenido-programas .item-contenido li{ font-size: 13px; line-height: 16px; }
.div-programa div#div-contenido-programas .item-contenido li{ margin-bottom: 5px; }
.div-programa div#div-contenido-programas .item-contenido p strong,
.div-programa div#div-contenido-programas .item-contenido p b, .div-contenido .category-desc strong, .div-contenido .category-desc b{ /*color:#D03906;*/ }

.div-programa div#div-contenido-programas .item-contenido table, .div-contenido .category-desc table{ font-size: 13px; }
.div-programa div#div-contenido-programas .item-contenido table td, .div-contenido .category-desc table td{ width:auto !important; padding: 5px !important; font-size: 12px !important; }
.div-programa div#div-contenido-programas .item-contenido table td p, .div-contenido  .category-desc table td p{ font-size: 13px !important;}
.div-programa div#div-contenido-programas .item-contenido table tr:nth-child(2n+1), .div-contenido .category-desc table tr:nth-child(2n+1){ background: rgb(229, 246, 247); }
/*.div-programa div#div-contenido-programas .item-contenido table tr:nth-child(2n+1) td, .div-contenido .category-desc table tr:nth-child(2n+1) td{ border-radius:5px; }*/
.div-programa div#div-contenido-programas .item-contenido table tr:nth-child(2n+1) td:first-child, .div-contenido .category-desc table tr:nth-child(2n+1) td:first-child{ border-radius: 5px 0px 0px 5px; }
.div-programa div#div-contenido-programas .item-contenido table tr:nth-child(2n+1) td:last-child, .div-contenido .category-desc table tr:nth-child(2n+1) td:last-child{ border-radius: 0px 5px 5px 0px; }

.div-programa .sidebar-programa ul{ list-style-type: none; padding-left: 27px; margin-bottom: 0px; }
.div-programa .sidebar-programa li{
    height: 40px; margin-top: 5px; border-radius: 0px 7px 7px 0px;
    border-top: solid 1px #ACE5F9; border-right: solid 1px #ACE5F9; border-bottom: solid 1px #ACE5F9;
}
.div-programa .sidebar-programa .li-btn{
    display: inherit; height: 40px; margin-top: 5px; border-radius: 0px 7px 7px 0px;
    border-top: solid 1px #ACE5F9; border-right: solid 1px #ACE5F9; border-bottom: solid 1px #ACE5F9;
}
.div-programa .sidebar-programa li a,
.div-programa .sidebar-programa .li-btn a{
    text-decoration: none; color: #333; font-size: 14px; line-height: 20px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.div-programa .sidebar-programa li a.activo{ color: #D03906; }
.div-programa .sidebar-programa li a:hover{ color: #D03906; text-decoration: underline; }
.div-programa .sidebar-programa li a:hover > div.img{ background-position: right center;}
.div-programa .sidebar-programa li div.img{ 
	width: 32px; margin-right: 5px; height: 40px; border-radius: 20px; float: left;
	background: url(https://www.udi.edu.co//templates/atomic/css/../images/item-programa-li.jpg) no-repeat -15px center transparent;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.div-programa .sidebar-programa .li-btn a.activo{ color: #D03906; }
.div-programa .sidebar-programa .li-btn a:hover{ color: #D03906; text-decoration: underline; }
.div-programa .sidebar-programa .li-btn a:hover > div.img{ background-position: right center;}
.div-programa .sidebar-programa .li-btn div.img{ 
	width: 32px; margin-right: 5px; height: 40px; border-radius: 20px; float: left;
	background: url(https://www.udi.edu.co//templates/atomic/css/../images/item-programa-li.jpg) no-repeat -15px center transparent;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.div-programa .sidebar-programa li p{ display: table-cell; vertical-align: middle; height: 40px; line-height: 14px; }
.div-programa .sidebar-programa .li-btn p{ display: table-cell; vertical-align: middle; height: 40px; line-height: 14px; }

#div-programas-menu{ background: white; border-radius: 10px; padding:10px; min-width: 750px; margin: 0px auto; }
#div-programas-menu li{ opacity: 0.6; float: left; width: 25%; list-style: none; text-align: center; cursor: pointer; position:relative; }
#div-programas-menu li.activo, #div-programas-menu li:hover{ opacity: 1; }
#div-programas-menu li span img{ max-width:99%; }
#div-programas-menu li span.activo{ opacity: 1; border-bottom: solid 5px #0080C0; }
#div-programas-menu li span span.flag{
	position: absolute; top:0px; width: 41px; height: 0px; left: 15px;
	background: url(https://www.udi.edu.co//templates/atomic/css/../images/flag-ok.png) no-repeat center top transparent;
}
#div-programas-menu li span.activo span.flag,
#div-programas-menu li:hover span span.flag{ position: absolute; top:1px; width: 41px; height:58px; }

#div-subprogramas{ background: white; border-radius: 10px; padding:10px; width: 750px; margin: 10px auto 0px; }
#div-subprogramas li{ float: left; width: 33.33%; list-style: none; text-align: center; cursor: pointer; }
#div-subprogramas li span.activo{ border-bottom: solid 5px #0080C0; }
#div-subprogramas .div-item{
    background: url(https://www.udi.edu.co//templates/atomic/css/../images/bg-item-facultad.jpg) no-repeat center top transparent;
    width: 228px; height: 59px; margin: 5px 11px;
}
#div-subprogramas .div-item span{
    vertical-align: middle; height: 59px; text-align: center; font-size: 13px;
    width: 228px; display: table-cell; font-weight: bold; color: gray; line-height: 15px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
#div-subprogramas .div-item:hover > span, #div-subprogramas .div-item.activo > span{ color: black; }
#div-subprogramas .div-item a{ text-decoration: none; }

.div-subcarreras{ background: white; border-radius: 10px; padding:10px; width: 750px; margin: 10px auto 0px; }
.div-subcarreras h3{
	background: url(https://www.udi.edu.co//templates/atomic/css/../images/bg-h3-titulo.png) repeat-x center top transparent;
    width: 100%; height: 53px; color: black; font-size: 24px; line-height: 53px;
	border-radius: 7px; font-weight: bold; vertical-align: top;
}
.div-subcarreras h3 img{ margin: 3px 10px 0px 15px; display:inline-block;}
.div-subcarreras li{ float: left; width: 33.33%; list-style: none; text-align: center; cursor: pointer; }
.div-subcarreras li span.activo{ border-bottom: solid 5px #0080C0; }
.div-subcarreras .div-carrera{
    background: url(https://www.udi.edu.co//templates/atomic/css/../images/bg-item-carrera.jpg) no-repeat center top transparent;
    width: 228px; height: 44px; margin: 5px 11px;
}
.div-subcarreras .div-carrera span{
    vertical-align: middle; height: 44px; text-align: center; font-size: 13px; line-height: 13px;
    width: 228px; display: table-cell; font-weight: bold; color: gray;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.div-subcarreras .div-carrera:hover > a > span{ color: black !important; }
.div-subcarreras .div-carrera a{ text-decoration: none; }

/** ########################################
    Vista de la p�gina de Proyecci�n Social
    ######################################## **/
.div-proyeccion{ /*background: #CDCDCD; padding: 15px 15px 40px; border-radius: 7px;*/ }
.div-proyeccion .category-desc{ width: 70%; float: left; margin-right: 3%; }



.div-proyeccion div#div-contenido-programas{ float: left; width: 74%; margin-left: 1%; }
.div-proyeccion div#div-contenido-programas .item-contenido{ text-align: justify; display: none; padding: 10px 0px 15px 30px; }
.div-proyeccion div#div-contenido-programas .item-contenido h2{ line-height: 100%; margin-bottom: 10px; }
.div-proyeccion div#div-contenido-programas .item-contenido hr{ margin-bottom: 10px; background: gray; }
.div-proyeccion div#div-contenido-programas .item-contenido img{ max-width: 100%; border-radius: 7px; }

.div-proyeccion .sidebar-categorias{ float: left; width: 27%; }
.div-proyeccion .sidebar-categorias h2#h2-servicios-proyeccion{ font-size: 30px; text-decoration: underline; color: white; line-height: 50px; }
.div-proyeccion .sidebar-categorias h2#h2-servicios-proyeccion div.img{ width: 50px; margin-right: 5px; height: 50px; background: url(https://www.udi.edu.co//templates/atomic/css/../images/item-programa.jpg) no-repeat center center black; border-radius: 25px; float: left; }
.div-proyeccion .sidebar-categorias ul{ list-style-type: none; padding: 0px; margin: 0px; }
.div-proyeccion .sidebar-categorias li{
    height: 65px; margin-top: 5px; overflow: hidden; cursor: pointer; border-radius: 5px;
    background: url(https://www.udi.edu.co//templates/atomic/css/../images/img-click-proyeccion.png) no-repeat center center transparent;
    max-width: 250px; margin-left: 10px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.div-proyeccion .sidebar-categorias li div.bg-click-black{
    background: url(https://www.udi.edu.co//templates/atomic/css/../images/img-click-proyeccionb.png) no-repeat center center transparent;
}
.div-proyeccion .sidebar-categorias li:hover,
.div-proyeccion .sidebar-categorias li.activo{ margin-left: 0px; }
.div-proyeccion .sidebar-categorias li div.bg-click-black:hover,
.div-proyeccion .sidebar-categorias li.activo div.bg-click-black{ background-image:none; }
.div-proyeccion .sidebar-categorias li .item-list-proy{
	max-width: 130px; height: 65px; color: #004178; display: table-cell;
	font: bold 14px/13px 'Roboto', sans-serif; border-radius: 7px; vertical-align: middle;
    text-align: left; padding-left: 7px;
}

/*.div-proyeccion .sidebar-categorias li img{
    width: 91%; border-radius: 5px; margin-left: 20px; opacity: 0.7;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.div-proyeccion .sidebar-categorias li a{
    text-decoration: none; color: #333; font-size: 14px; line-height: 20px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.div-proyeccion .sidebar-categorias li img:hover, .div-proyeccion .sidebar-categorias li.activo img{ margin-left: 0px; opacity:1; }
.div-proyeccion .sidebar-categorias li a.activo{ color: #D03906; }
.div-proyeccion .sidebar-categorias li a:hover{ color: #D03906; text-decoration: underline; }
.div-proyeccion .sidebar-categorias li div.img{ width: 40px; margin-right: 5px; height: 40px; background: url(https://www.udi.edu.co//templates/atomic/css/../images/item-programa-li.jpg) no-repeat center center black; border-radius: 20px; float: left; }
.div-proyeccion .sidebar-categorias li p{ display: table-cell; vertical-align: middle; height: 40px; }*/

.div-proyeccion .sidebar-programa{ float: left; width: 25%; background: url(https://www.udi.edu.co//templates/atomic/css/../images/bg-menu.png) repeat-y 7px top transparent; }
.div-proyeccion .sidebar-programa h2#h2-servicios-programa{ font-size: 25px; text-decoration: underline; color: silver; line-height: 50px; }
.div-proyeccion .sidebar-programa h2#h2-servicios-programa div.img{
	width: 50px; margin-right: 5px; height: 47px; border-radius: 25px; float: left;
	background: url(https://www.udi.edu.co//templates/atomic/css/../images/item-programa.jpg) no-repeat center center transparent;
}


.div-proyeccion .sidebar-programa ul{ list-style-type: none; padding-left: 27px; margin-bottom: 0px; margin-right:5px; }
.div-proyeccion .sidebar-programa li{ min-height: 40px; margin-top: 10px; }
.div-proyeccion .sidebar-programa li a{
    text-decoration: none; color: #333; font-size: 14px; line-height: 16px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.div-proyeccion .sidebar-programa li a.activo{ color: #D03906; }
.div-proyeccion .sidebar-programa li a:hover{ color: #D03906; text-decoration: underline; }
.div-proyeccion .sidebar-programa li a:hover > div.img{ background-position: right center;}
.div-proyeccion .sidebar-programa li div.img{ 
	width: 32px; margin-right: 5px; height: 40px; border-radius: 20px; float: left;
	background: url(https://www.udi.edu.co//templates/atomic/css/../images/item-programa-li.jpg) no-repeat -15px center transparent;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.div-proyeccion .sidebar-programa li p{ display: table-cell; vertical-align: middle; height: 40px; }

/** GAleria de Proyeccion **/
#phocagallery-module-ri div.mosaic{
	margin: 2px 5px;
	width: 12.5% !important;
}

#phocagallery-module-ri div.mosaic img{
	max-width: 100% !important;
	max-height: 100% !important;
}

.evofrontpage-default{ margin-bottom: 10px !important; }
.evofrontpage-default .evofp-table-cell-inner{ 
	/*margin-left: 0px;*/ background-color: #333; color: white;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
 }
.evofrontpage-default .evofp-table-cell-inner:hover{ background-color: black; box-shadow: none; border-radius:5px; }
.evofrontpage-default .evofp-table-cell-inner a{ color: white; }
.evofrontpage-default .title, .title a, .title a:hover, .title a:active{
	font-size: 12px; font-family: 'Roboto', sans-serif; color: #FFF; line-height:17px;
	background: #396497; box-shadow: none; height: 35px;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.evofp-other-article{ display:none !important; }
.evofrontpage-default .title:hover{ background:#DD9D48; box-shadow: none; }
#evofrontpage-114, #evofrontpage-123{ padding: 0px; }
.span-24 h6{ background: #333; color: white; padding: 5px 15px; }

/** Busquedas **/
dl.search-results .item-result{
    background: #EAEAEA; padding: 20px; margin: 0px 0px 5px 0px;
    border-radius: 5px;
}

/** Articulo */
.item-page{ background: #396497; padding: 20px; border-radius: 7px; margin-bottom: 20px; }
.item-page h2:first-child{ border-bottom: solid 1px silver;}
.item-page h2:first-child a{
    line-height: 100%; margin-bottom: 10px; font-size: 23px; font-weight: bold;
    color: black; text-decoration: none; padding-bottom: 5px;
}
.item-page .article-info{ display: none; }
.item-page *{ color: white !important; font-family: 'Roboto', sans-serif !important; }
.item-page .img-fulltext-left{ margin-bottom: 0px; }
.item-page .pagenav{ display: none; }

.box-blue,
.box-gray,
.box-green,
.box-grey,
.box-red,
.box-yellow {
	
    margin:0 0 25px;
    overflow:hidden;
    padding:20px;
	display: inline-block;
    -webkit-border-radius: 10px;
        border-radius: 10px;
}
 
.box-blue {
    background-color:#d8ecf7;
    border:1px solid #afcde3;
}
 
.box-gray {
    background-color:#e2e2e2;
    border:1px solid #bdbdbd;
}
 
.box-green {
    background-color:#d9edc2;
    border:1px solid #b2ce96;
}
 
.box-grey {
    background-color:#F5F5F5;
    border:1px solid #DDDDDD;
}
 
.box-red {
    background-color:#f9dbdb;
    border:1px solid #e9b3b3;
}
 
.box-yellow {
    background-color:#fef5c4;
    border:1px solid #fadf98;
}

.div-testimonios-ori h2.title-testimonios{
    background: #2E3FBE;
    color: white;
    padding: 5px 20px;
    border-radius: 7px;
}

.social {
	position: fixed; /* Hacemos que la posici�n en pantalla sea fija para que siempre se muestre en pantalla*/
	left: -20px; /* Establecemos la barra en la izquierda */
	top: 200px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga alg�n otro elemento como sliders, galer�as, etc */
}
 
.social ul {
	list-style: none;
}

.social ul li a {
	display: inline-block;
	color:#fff;
	background: #000;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease; /* Establecemos una transici�n a todas las propiedades */
}

.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
.social ul li .icon-twitter {background: #00abf0;}
.social ul li .icon-instagram {background: #9b6954;}
.social ul li .icon-youtube {background: #bb0000;}
.social ul li .icon-radio {background: #45668e;}
.social ul li .icon-mail {background: #666666;}

.social ul li a:hover {
	background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
	padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
}

.container {
    width: 1105px;
}