/************* EMBERA *************
* DESCRIPCIÓN: Esta librería CSS del Skin para Master: Set de estilos de master de EAFIT 2015 que se deben mantener en las layouts en master Embera Katio
* Modificado por: John Fredy Torres, johnfredy.torres@e-deas.com.co / Modificado: 09.12.2016
**********************************/
/** CONTENIDO **/
@import url("https://fonts.googleapis.com");
@import url("https://fonts.gstatic.com” crossorigin");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;700;900&display=swap");

/* Fijar la imagen, ya que muchos sitios no la heredan */
@media screen and (min-width: 993px) {	
	#DeltaSiteLogo > a {
	    background-image: url('/SiteCollectionImages/logo_eafit_completo.png');
	    background-repeat: no-repeat;
	    background-size: contain;
	    width: 161px;
	    height: 150px;
	}
	.ms-siteicon-img{
		display:none;
	}
}.ms-core-pageTitle, .ms-core-pageTitle a{
	/*font-family: "font-family: ‘Inter’, sans-serif; Slab", serif;*/
	font-family: ‘Inter’, sans-serif;
}
.EAFIT_Layout h1,.EAFIT_Layout h1.ms-rteElement-H1, .EAFIT_Layout h1 a, .ms-rtestate-field h1, .ms-dlgContent h1{
	/*letter-spacing: -1px;*/
	color: #00A5D9;
	font-size: 35px;
	line-height: 45px;
	/*text-align:	center;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: 500;*/
	font-family: ‘Inter’, sans-serif;
}
/*.EAFIT_Layout #eLayout_R1C1 h1{
	margin-top:0;
}*/
.EAFIT_Layout h2,.EAFIT_Layout h2.ms-rteElement-H2, .EAFIT_Layout h2 a, .ms-rtestate-field h2, h2.ms-dlg-heading, .ms-dlgContent h2{
	/*letter-spacing: -1px;
	color: #00395B;*/
	color: #666;
	font-size: 24px;
	/*line-height: 29px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: 400;*/
	font-family: ‘Inter’, sans-serif;
}
.EAFIT_Layout h3,.EAFIT_Layout h3.ms-rteElement-H3, .EAFIT_Layout h3 a, .ms-rtestate-field h3, .ms-dlgContent h3 {
	font-size: 20px;
	color: #00A5D9;
	/*line-height: 20px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: 400;*/
	font-family: ‘Inter’, sans-serif;
}
.EAFIT_Layout h4,.EAFIT_Layout h4.ms-rteElement-H4, .ms-rtestate-field h4 , .ms-dlgContent h4{
	font-size: 18px;
	color: #999;
	/*line-height: 18px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;*/
	font-family: ‘Inter’, sans-serif;
}
.EAFIT_Layout{
	font-family: ‘Inter’, sans-serif;
    font-size: 16px;
    /*color: #444;
    line-height: 24px;*/
	color: #666;
	line-height: 25px;
}
#s4-bodyContainer {
    min-height: 50px;
}  
/*enlaces*/

nobr{
	white-space:normal;
}

a{
	color: #00A5D9;
}
a:visited{
	color: #00A5D9;
}
.ms-textLarge{
	font-family: ‘Inter’, sans-serif;
}

a:hover{
	color: #00395B;
	/*text-decoration: none;*/
}

/*separador*/
hr {
	border-top: 1px dotted #CCC;
}

/*parrafos*/
.EAFIT_Layout .ms-rtestate-field p {
	/*margin: 10px 0;
	font-family: "font-family: ‘Inter’, sans-serif; Condensed",serif;*/
	font-family: ‘Inter’, sans-serif;
	font-size: 16px;
	color: #666;
	margin-bottom: 10px;
	/*line-height: 25px;*/
}

/*boton verde*/
.content_eLayout .btn_verde{
	color: #FFF;
	background-color: #8CC63F;
	border-color: #7FB43A;
	font-family: ‘Inter’, sans-serif;
	font-weight: 200;
	font-size: 15px;
}
.content_eLayout .btn_verde:hover{
	color: #FFF;
	background-color: #7FB43A;
	border-color: #73A236;
}
.btnVerde, .u-btn-verde{
	font-family: "font-family: ‘Inter’, sans-serif;", sans-serif !important;
	font-weight: 300;
	font-size:15px;
	padding:5px 25px;
	background-color: #8CC63F;
	border-color: #7FB43A;
	color:#FFFFFF;
	line-height:25px;
	text-transform:none;
	cursor:pointer;
	letter-spacing: normal;
}
.herramientasProgramas{
	background-color:#EEE;
	padding:20px;
}
.herramientasProgramas .u-btn-verde{
	margin-bottom:10px;	
	width:80%;
}
.btnVerde a, .u-btn-verde a{
	color:#FFFFFF;
	font-family: "font-family: ‘Inter’, sans-serif;", sans-serif !important;
	font-weight: 300;
	font-size:15px;
	margin-left:0px;
	margin-top:0px;	
	vertical-align:middle;
	width:95%;
	display: inline-block;
}
.btnVerde:visited, .u-btn-verde:visited{
	color:#FFFFFF;
}

.btnVerde:hover, .u-btn-verde:hover{
	background-color:#7FB43A;
	border-color: #8CC63F;
	color:#FFF;
}


/*boton azul*/
.content_eLayout .btn_azul{
	color: #FFF;
	background-color: #00A5D9;
	border-color: #008FBC;
	font-family: ‘Inter’, sans-serif;
	font-weight: 300;
	font-size: 15px;	
	}
.content_eLayout .btn_azul:hover{
	color: #FFF;
	background-color: #008FBC;
	border-color: #00A5D9;
}
.btnAzul, .u-btn-azul{
	font-family: "font-family: ‘Inter’, sans-serif;", sans-serif !important;
	font-weight: 300;
	font-size:15px;
	padding:5px 25px;
	background-color: #00A5D9;
	border-color: #008FBC;
	color:#FFFFFF;
	line-height:25px;
	text-transform:none;
	cursor:pointer;
	letter-spacing: normal;
}
.herramientasProgramas .u-btn-azul{
	margin-bottom:10px;	
}
.btnAzul a, .u-btn-azul a{
	color:#FFFFFF;
	font-family: "font-family: ‘Inter’, sans-serif;", sans-serif !important;
	font-weight: 300;
	font-size:15px;
	margin-left:0px;
	margin-top:0px;	
	vertical-align:middle;
	width:95%;
	display: inline-block;
}
.btnAzul:visited, .u-btn-azul:visited{
	color:#FFFFFF;
}

.btnAzul:hover, .u-btn-azul:hover{
	background-color:#008FBC;
	border-color: #00A5D9;
	color:#FFF;
}

/*marketing*/
.MarketingContainer{
	background-color: #00395B;
}
.MarketingWhat{
	background: #00A5D9;
	/*margin: 40px 0px;*/
	margin:10px 0px 20px; /*e-deas*/
	padding: 20px;
}
.MarketingWhat-icon{
	display: inline-block;
	color: #00A5D9;
	background-color: #F8F8F8;
	padding: 10px 11px;
	font-size: 23px;
	line-height: 23px;
	margin: 0 15px 0px 10px;
	vertical-align: top;
}
.MarketingWhat-title{
	font-size: 35px;
	display: inline-block;
	line-height: 35px;
	vertical-align: top;
	margin-bottom: 20px;
}
.MarketingWhat-list{
	padding: 0;
	margin: 0 10px;
	display: inline-block;
}
.MarketingWhat-list .btnVerde{
	width: auto;
	margin-right: 10px;
	padding: 5px 9px;
}
.MarketingWhat-list .btnVerde:hover{
	padding-right: 9px;
}
.MarketingWhat-search{
}
.MarketingWhat-searchInput{
	height: 35px;
	background: #F8F8F8 url(../images/lupa-azul.png) no-repeat right center;
	border: none;
	color: #818181;
	font-size: 13px;
}
.MarketingWhat-searchInput::-webkit-input-placeholder {
	color: #818181;
	font-size: 13px;
}
.MarketingBox{
	background: #00395B;
	/*margin: 40px 0px;*/
	margin: 10px 0px; /*e-deas*/
	padding: 23px;
}

/*userMenu*/
.u-menu-horizontal, .u-menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.u-menu-horizontal li{
	float: left;
}
.u-menu-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
.u-marketing-title{
	color: #FFF;
	font-family: 'font-family: ‘Inter’, sans-serif; Condensed', sans-serif;
}
.u-actualidad-title{
	color: #808080;
	text-transform: uppercase;
	font-size: 15px;
	font-family: 'font-family: ‘Inter’, sans-serif;', sans-serif;
	letter-spacing: 2px;
	margin: 0 0 10px 0;
}
.u-btn-right{
	float: right;
}
.u-utilities-list{
	font-family: 'font-family: ‘Inter’, sans-serif; Condensed', sans-serif;
	font-size: 13px;
	line-height: 13px;
	color: #AAA;
}
.u-utilities-list li{
	margin-right: 5px;
	padding: 5px;
}
.u-utilities-list li:hover{
	background-color: #353535;
}
.u-utilities-list li a{
	display: block;
	color: #FFB903 !important;
	font-size: 15px;
	line-height: 15px;
}
.u-utilities-list a:hover{
	color: #F8F8F8 !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome, if Chrome rule needed */
    .MarketingBox{ 
     	padding: 20px;
    }
    
    /* Safari 5+ ONLY */
    ::i-block-chrome, .container {
    } 
}

@-moz-document url-prefix() {
	.MarketingBox{ 
     	padding: 32px;
    }
}

.MarketingBox .u-btn-verde{
	width: auto;
}
.MarketingBoxDiv .MarketingBox-title{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
	font-size: 25px;
	line-height: 30px
}
/*destacados*/
.Highlights{
	background: #00A5D9;
	padding: 0px 0px;
}


/*utilidades*/
.Utilities{
	background: #424242;
	padding: 20px 0;
}.Utilities-title{
	color: #FFB903;
	text-transform: uppercase;
	font-size: 15px;
	font-family: 'font-family: ‘Inter’, sans-serif;', sans-serif;
	letter-spacing: 2px;
	margin: 0 0 20px 0;
}
.Social-list li{
	margin: 0 10px 10px 0;
}
.Social-list li:hover{
	background-color: #F8F8F8;
	border-radius:4px;
}

/*tablas*/
.table tbody{
	font-family: "font-family: ‘Inter’, sans-serif; Condensed", serif;
	font-size: 16px;
	color: #555;
	line-height: 23px;
}

/*consulta de contenido - título con viñeta --> itemListBullet*/
.dfwp-column{
	padding-left: 0;
}
.itemListBullet{
	border-bottom: 1px solid #DDD;
	padding: 5px 0px;
}
.itemListBullet:hover{
	background-color: #EEE;
	background-image: url("../img/lstbulet_over.gif");
	background-repeat: no-repeat;
	background-position-y: 8px;
	background-position-x: 5px;
}
ul.dfwp-column li .bullet{
	background-image: url("../img/lstbulet.gif");
	padding-left: 20px;
	background-position-y: 8px;
	background-position-x: 5px;
}

/*consulta de contenido - vínculos de resumen --> itemListTitle*/
.itemListTitle{
	border-bottom: 1px solid #DDD;
	padding: 5px 6px;
}
.itemListTitle:hover{
	background-color: #EEE;
}

/*consulta de contenido - imagen a la izquierda --> itemListImage*/
.itemListImage{
	border-bottom: 1px solid #DDD;
	padding: 15px 0px;
	display: table; /*mod:22/02/2017*/
}
.itemListImage .link-item a{
	font-family: ‘Inter’, sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
}
.itemListImage .link-item .description{
	padding-top: 10px;
}
.itemListImage .image-area-left{
	padding: 0px 15px 15px 0px;
	max-width:100%;
	/*width:100%;*/
	width:auto;/*mod:22/02/2017*/
}
.itemListImage .image-area-left IMG{
	width:auto;
}

/*vinculo de resumen - título con viñeta --> itemListBullet*/
.dfwp-column{
	padding-left: 0;
}
.groupmarker .itemListBullet{
	border-bottom: 1px solid #DDD;
	padding: 5px 0px;
}
.groupmarker .itemListBullet:hover{
	background-color: #EEE;
	background-image: url("../img/lstbulet_over.gif");
	background-repeat: no-repeat;
	background-position-y: 8px;
	background-position-x: 5px;
}
.groupmarker ul.dfwp-list li .bullet{
	background-image: url("../img/lstbulet.gif");
	padding-left: 20px;
	background-position-y: 8px;
	background-position-x: 5px;
}

.bottomHome{
	border-top: #CCC 1px solid;
	padding-top: 40px;
	margin: 0;
}
.bottomHomeImg {
	margin-bottom:10px;
}
.bottomHome h4{
	margin: 0 0 10px 0;
}
.bottomHome h2{
	margin: 0;
	line-height: 25px;
}
ul.listaPersonalizada{
	list-style-image: url('/_catalogs/masterpage/app_eMaster_EAFIT_2015/img/bullet_personalizado.png');
	margin: 0;
	padding: 0 0 0 20px;
}
ul.listaPersonalizada li{
	padding-bottom:5px;
}
ul.listaPersonalizada li a{
	font-weight:normal;
}

/*BOOTSTRAP COMPONENTS*/
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #eee;
  border: none;
  border-radius:0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  text-align:center;
}
.thumbnail .caption {
  padding: 15px;
  color: #444;
}
.thumbnail h3{
	margin-top:0;
}

.thumbnail.azul {
  display: block;
  padding: 15px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #004b85;
  border: none;
  border-radius:0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  text-align: left;
  color:#e6e6e6;
}
.thumbnail.azul .caption {
  padding: 15px;
  color:#e6e6e6;
}
.thumbnail.azul h3{
	margin-top:0;
	color:#FFF;
}

a.btn-primary {
  color: #fff;
  background-color: #00A5D9;
  border-color: #008FBC;
  font-family: ‘Inter’, sans-serif;
  font-weight: 300;
  font-size: 15px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #008FBC;
  border-color: #00A5D9;
}

.nav-pills > li > a {
  color: #fff;
  background-color: #00A5D9;
  border-color: #008FBC;
  font-family: ‘Inter’, sans-serif;
  font-weight: 300;
  font-size: 15px;
  margin-right:5px;
  line-height:17px;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: #fff;
  background-color: #008FBC;
  border-color: #00A5D9;
  font-family: ‘Inter’, sans-serif;
  font-weight: 300;
  font-size: 15px;
}

.nav-pills > li.active > a {
  color: #fff;
  background-color: #008FBC;
  border-color: #00A5D9;
  font-family: ‘Inter’, sans-serif;
  font-weight: 300;
  font-size: 15px;
}
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus{
  color: #fff;
  background-color: #00A5D9;
  border-color: #008FBC;
  font-family: ‘Inter’, sans-serif;
  font-weight: 300;
  font-size: 15px;
}


.nav-tabs.nav-justified.menuCEC > li > a{
	font-family: "font-family: ‘Inter’, sans-serif; Condensed", sans-serif;
	font-weight:400;
	line-height:17px;
	border: 0px;
	background-color:transparent;
}

.menuCEC a.dropdown-toggle:hover{
	background-color:transparent;
	border:0px;
	
}

.nav.menuCEC > li > a {
	padding:10px 0px;
	}

.menuCEC .dropdown-menu > li > a{
	font-family: "font-family: ‘Inter’, sans-serif; Condensed", sans-serif;
	color:#00A5D9;
}
.nav-tabs.menuCEC .dropdown-menu {
	border-radius: 0;
  border: 0px;
  background: #EEE;
  webkit-box-shadow: none;
  box-shadow: none;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	background-color: #00A5D9;
	border-color: #00A5D9;
}

.list-group h3{
	margin: 0px;
	text-align:center;
	color:#FFF;
}

a.list-group-item{
  color: #00A5D9;
  font-family: "font-family: ‘Inter’, sans-serif; Condensed", sans-serif;
  font-size: 17px;
  text-align: left;
}

.list-group-item:first-child,
.list-group-item:last-child {
  border-radius: 0px;
}
.list-group a.list-group-item{
	font-weight:400;
}

.container .jumbotron{
  border-radius:0px;
  padding:25px;
}

.jumbotron p{
	font-size:15px;
	color:#444;
}

.jumbotron h2{
	color:#00A5D9;
}
.jumbotron h3{
	color:#00395B;
}


/*VENTANA MODAL*/
.b3-fullscreenmode  body{
	font-size:14px;
}
.b3-fullscreenmode .col-md-9{
	width:100% !important;
}
.b3-fullscreenmode  h2,.b3-fullscreenmode h3{
	font-size:14px;
}
.b3-fullscreenmode  #mainbody{
	overflow:hidden;
}
.b3-fullscreenmode  #Buttons{
	right:80px;
	/* margin-top: 15px; */
	position: fixed;
}
.b3-fullscreenmode .ms-inputformdescription {
   white-space: initial;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 767px) {
	.u-utilities-list li{
		margin-right: 5px;
		padding: 5px;
		width: 65px;
	}
	.jumbotron{
		width:30%;
		float: left;
		margin-right:30px;
	}

}

/*padding 0px espacios*/
.col-padding-0{
	padding-right: 0px;
	padding-left: 0px;
}
.col-padding-right-0{
	padding-right: 0px;
}
.col-padding-left-0{
	padding-left: 0px;
}


/** /CONTENIDO **/


/** CONTENIDO IDIOMAS**/


@media (min-width: 1000px) {
/*marketing*/
.HerramientasContainer{
    position: absolute;
    width: 100%;
    top: 210px;
}
.HerramientasBox{
	background: #004B85;
	margin:10px 0px 20px; /*e-deas*/
	padding: 20px 10px;
	color:#FFF;
}

}


@media (min-width: 1100px) {
/*marketing*/
.HerramientasContainer{
    position: absolute;
    width: 100%;
    top: 230px;
}
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#sideNavBox{
		margin-left: 10px;
	}
	/*marketing*/
	.HerramientasContainer{
	    position: absolute;
	    width: 100%;
	    top: 250px;
	}
	.HerramientasBox{
		background: #004B85;
		margin:10px 0px 20px; /*e-deas*/
		padding: 30px 20px;
		color:#FFF;
	}
}

@media (min-width: 1300px) {
	/*marketing*/
	.HerramientasContainer{
	    position: absolute;
	    width: 100%;
	    top: 270px;
	}
}

@media (min-width: 1400px) {
	/*marketing*/
	.HerramientasContainer{
	    position: absolute;
	    width: 100%;
	    top: 290px;
	}
}

@media (min-width: 1500px) {
	/*marketing*/
	.HerramientasContainer{
	    position: absolute;
	    width: 100%;
	    top: 310px;
	}
}

@media (min-width: 1600px) {
	/*marketing*/
	.HerramientasContainer{
	    position: absolute;
	    width: 100%;
	    top: 360px;
	}
}

/** /CONTENIDO IDIOMAS**/


/** MENU LATERAL**/
/* Estilos del Menú*/
#sideNavBoxRight {
    margin-top: 30px;
    background-color: #00A5D9;
}
#sideNavBoxRight .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link,
#sideNavBoxRight .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited,
#sideNavBoxRight .ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
#sideNavBoxRight .ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover,
#sideNavBoxRight .ms-core-listMenu-item,
#sideNavBoxRight .ms-core-listMenu-item:link,
#sideNavBoxRight .ms-tv-selected:link,
#sideNavBoxRight a.ms-tv-header:hover,
#sideNavBoxRight a.ms-tv-item:hover,
#sideNavBoxRight.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected,
#sideNavBoxRight.ms-core-listMenu-item:visited,
#sideNavBoxRight.ms-tv-header:link,
#sideNavBoxRight.ms-tv-header:visited,
#sideNavBoxRight.ms-tv-item:link,
#sideNavBoxRight.ms-tv-item:visited {
    /*font-weight: 700;*/
    font-weight:inherit;
    text-transform: inherit;
}
#sideNavBoxRight .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link, #sideNavBoxRight .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited, #sideNavBoxRight .ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, #sideNavBoxRight .ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover, #sideNavBoxRight .ms-core-listMenu-item, #sideNavBoxRight .ms-core-listMenu-item:link, #sideNavBoxRight .ms-tv-selected:link, #sideNavBoxRight a.ms-tv-header:hover, #sideNavBoxRight a.ms-tv-item:hover, #sideNavBoxRight.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected, #sideNavBoxRight.ms-core-listMenu-item:visited, #sideNavBoxRight.ms-tv-header:link, #sideNavBoxRight.ms-tv-header:visited, #sideNavBoxRight.ms-tv-item:link, #sideNavBoxRight.ms-tv-item:visited {
    color: #FFF;
    font-family: ‘Inter’, sans-serif;
    border-bottom: 1px solid #0086B3;
}
#sideNavBoxRight ul.ms-core-listMenu-root>li.static>ul.static span.menu-item-text {
    font-weight: 300;
}
#sideNavBox .ms-core-listMenu-verticalBox{
	background: #00A5D9;
	border: 1px solid #00395B;
}

/** /MENU LATERAL**/


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