/*********************************
* DESCRIPCIÓN: Esta librería CSS para el Home en la layuots de flanjas 
* Copyright (c) 2016 e-deas LTDA. (http://www.e-deas.com.co)  El uso de esta libreria esta reservador para este sitio y cualquier cambio o reutilización debe ser autorizado por e-deas LTDA. 
* Creado por: John Fredy Torres, johnfredy.torres@e-deas.com.co / Creado: 11.01.2018
* Modificado por: John Fredy Torres, johnfredy.torres@e-deas.com.co / Modificado: 11.01.2018
**********************************/
/* General */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:700,400');

/* 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;
	}
}
a:hover {
    color: #00395B;
}
a.cbs-vermas{
	font-weight: inherit;
}
#eLayout_R1C2 .ms-webpartzone-cell{
	margin: auto auto 0px;
}
*[class^=col-] .ms-webpart-chrome-vertical>div {
	height: auto !important;
}
*[class^=col-] .ms-webpart-chrome-vertical>div>div>iframe{
	height:0px;
}
#eLayout_R2C1{
	margin-top:10px;
}

#eLayout_R2C1 h2{
	color:#fff !important;
}
#eLayout_R2C1 h24{
	color:#fff !important;
	line-height: 1.6 !important;
}
/*boton verde*/
.content_eLayout .btn_verde{
	color: #FFF;
	background-color: #8CC63F;
	border-color: #7FB43A;
	font-family: "Roboto", 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: "Roboto", sans-serif !important;
	font-weight: 400;
	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;
}
.btnVerde a, .u-btn-verde a{
	color:#FFFFFF;
	font-family: "Roboto", sans-serif !important;
	font-weight: 400;
	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;
	font-family: "Roboto", sans-serif !important;
	font-weight: 400;
}


/*boton azul*/
.content_eLayout .btn_azul{
	color: #FFF ;
	background-color: #00A5D9;
	border-color: #008FBC;
	font-family: "Roboto", 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: "Roboto", 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;
}
.btnAzul a, .u-btn-azul a{
	color:#FFFFFF;
	font-family: "Roboto", 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*/
.MarketingWhat{
    background: #00A5D9;
    padding: 20px;
    margin-top: 0px !important;
    margin-bottom: 30px;
}
.MarketingWhat h2{
    padding: 0px;
    font-size: 25px;
    margin-top: 0px !important;
}
.MarketingWhat h4{
        text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px !important;
    margin-bottom: 10px !important;
    line-height: 1.6;
    color: #fff;
}
.MarketingWhat li {
    float: left;
}
.MarketingWhat .MarketingWhat-list .btnVerde {
    width: auto;
    margin-right: 10px;
    padding: 5px 9px;
}
.MarketingWhat .u-menu-horizontal,
.MarketingWhat .u-menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.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;
	padding: 23px;
}
.MarketingBox h2{
    padding: 0px;
    font-size: 25px;
    margin-top: 0px !important;
}
.MarketingBox h4{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    margin-bottom: 10px !important;
    line-height: 1.6;
}
.MarketingBox li {
    float: left;
}
.MarketingBox .u-menu-horizontal,
.MarketingBox .u-menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 0px !important;
}
.MarketingBox a.btn-primary {
    color: #fff;
    background-color: #00A5D9;
    border-color: #008FBC;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 10px;
}

.MarketingBox  .btn-primary:hover,
.MarketingBox  .btn-primary:focus,
.MarketingBox  .btn-primary:active,
.MarketingBox  .btn-primary.active,
.MarketingBox  .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #008FBC;
  border-color: #00A5D9;
}
a.btn-primary {
    color: #fff;
    background-color: #00A5D9;
    border-color: #008FBC;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 15px;
}
a.btn-primary:hover{
	background-color: #008FBC;
    border-color: #00A5D9;
}
/* Busqueda */
.MarketingWhat #SearchBox .ms-srch-sb-border {
    background-color: #FFF;
    border-color: #FFF;
    /* padding: 5px; */
}
.MarketingWhat .ms-srch-sbLarge-searchImg, .MarketingWhat .ms-srch-sbLarge-navImg {
    max-width: none !important;
}
.MarketingWhat .ms-srch-sbLarge {
    background-color: #fff;
}

/* Movil */
@media screen and (max-width: 992px){
	#eLayout_R1C2 {
	    padding-right: 0px !important;
	    padding-left: 5px;
	}
	.MarketingWhat,.MarketingBox {
		padding-right:20px !important;
	}
	.btnVerde, .u-btn-verde{
		margin-left:0px !important;
	}
	
	
}

@media screen and (max-width: 480px){
	#contentBox .ms-srch-sbLarge-navWidth {
	    width: 70%;
	    font-size: 15px;
	}

}