/*e-Tools: estilo para master azul*
body {
	font-family: "Roboto Slab", serif;
	font-size: 15px;
	color: #555;
	line-height: 25px;
}
/*e-Tools: estilo para master azul*/

/*.EAFIT_Layout h1,.EAFIT_Layout h1.ms-rteElement-H1{
	letter-spacing: -1px;
	color: #00A5D9;
	font-size: 35px;
	line-height: 45px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: "Roboto Condensed", sans-serif;
}
.EAFIT_Layout h2,.EAFIT_Layout h2.ms-rteElement-H2 {
	color: #00395B;
	letter-spacing: -1px;
	font-size: 25px;
	line-height: 30px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: "Roboto Condensed", sans-serif;
}
.EAFIT_Layout h3,.EAFIT_Layout h3.ms-rteElement-H3 {
	color: #00A5D9;
	font-size: 20px;
	line-height: 25px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: "Roboto Condensed", sans-serif;
}
.EAFIT_Layout h4,.EAFIT_Layout h4.ms-rteElement-H4 {
	color: #999;
	font-size: 15px;
	line-height: 20px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-family: "Roboto", sans-serif;
}*/

/*separador*/
hr {
	border-top: 2px solid #CCC;
}
/*main*/
.container_main{
	max-width:100%;
	margin-bottom: 0px;
}
.container_mainLayouts{
	max-width: 960px;
	margin: 0px auto;
}
.row-margin-left-0{
	margin-left:0px!important;
	margin-right: 0px!important;
}
/*menu lateral y miga de pan*/
#eZonasideNavBox,.titleBreadcrumbDropdown{
	display:none !important;
}
/*mainbody*/
#mainbody{
	width:100% !important;
	padding-left: 0px;
	padding-right: 0px;
}
.container_main {
	margin-bottom: 0px !important;
	margin-top: 0px  !important;
}

.container_categoria,.container_buscador {
	max-width: 960px;
	margin: 0 auto;
}
.container_categoria{
	margin-bottom: 20px;
	margin-top: 10px;
}
.container_buscador{
	margin-bottom: 10px;
	margin-top: 10px;
}

.container_buscador .ms-webpartzone-cell{
	margin-bottom:0px;
}

.container_buscador .ms-floatLeft{
	margin-top:10px;
	width: 100%
}
.container_buscador .ms-srch-sb-border,.container_buscador .ms-srch-sb-borderFocused{
	background-color: #fff;
	width:100%;
}

.container_buscador .ms-helperText, input.ms-helperText{
	color:inherit;
}

.container_buscador .ms-srch-sb-border{
	border:0px solid #ababab
}

.container_buscador input{	
	width:80%;
	font-size:14px;
}

.topSlider{
	background-color:#00395B
}

.MarketingBox{
	margin:20px 0px 20px !important; /*e-deas*/
}
/*Buscador avanzado*/
.ms-displayInlineBlock {
	display: inline-block;
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	color: #555;
}
.ms-displayInlineBlock:hover {
	color: #00A5D9;
}
.ms-displayBlock:hover, .ms-ref-filterSel > div, .ms-ref-refiner #Value > a:hover > div, .ms-ref-refiner #Value > a:active > div{
	color: #00A5D9;
}
/*Resultados de busqueda*/
h2.ms-webpart-titleText{
	color: #00395B;
	letter-spacing: -1px;
	font-size: 25px;
	line-height: 30px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: "Roboto Condensed", sans-serif;
}
/*image responsive*/
#EAFIT_Categoria_Programa img{
	max-width: 100%;
}

#scriptWPQ2 img, img.ms-webpart-menuArrowImg, #applist img, .ms-core-menu-icon > img, .ms-srch-sbLarge img{
	max-width:none !important;
}

/*slinder*/
#eLayout_R0C1 {
	padding-bottom: 20px;
}
#eLayout_R0C1 .ms-webpartzone-cell{
	margin: auto auto 0px;
}
/*destacados*/
#eLayout_R8C1 .ms-webpartzone-cell {
	margin: auto auto 0px;
}


#eLayout_R4C11{
	border-right:1px #ddd solid;	
}

#eLayout_R4C12{
	padding-left:10px;
}

#eLayout_R5C1{
	margin-top:20px;
}

.backgray{
	padding:10px;
	background-color:#eee;	
}


.backblue{
	padding:8px;
	background-color:#00A5D9;
	color:#fff;
}

.backblue h4{
	color:#ccc;
}

#eLayout_R1C1 #titulo{
	margin:20px 0;
}
#menu_principal.container .row{
	background: #eaeaea;
}
#menu_principal.container .row .btn-default {
    border-color: #eaeaea;
}
#menu_principal.container .row .btn-default h3{
	font-size:20px;
	line-height:25px;
}
#menu_principal #col1 button.btn.btn-default {
    padding: 20px 0px;
}
#menu_principal #col2{
	padding: 20px;
}
#menu_principal #col2 h3{
	margin-bottom:0px;
}
#menu_principal #col2 h3 {
    margin-bottom: 5px;
    background: #00A5D9;
    padding: 5px 10px;
    border-radius: 10px;
    color: #FFF;
}
#menu_principal #col2 a:hover h3{
    background: #00395B;

	color:#FFF;
}


/*e-Tools: estilo para master azul*/
/*Lightbox style*
img.ms-rteImage-LightBox{
	-ms-name: "LightBox";
	margin:0px !important;
	cursor:pointer;
}
a.ms-rteImage-LightBox{
	-ms-name: "LightBox";
	text-decoration:underline;
	font-weight:bold;
}

nobr{
	white-space:normal;
}
/*e-Tools: estilo para master azul*/

@media (max-width: 992px) {
	#eLayout_R4C11{
		border-right:0px #ddd solid;	
	}
	#eLayout_R4C12{
		padding-left:0px;
	}
}
@media (max-width: 768px) {
	/*menu de usuario*/
	#ico-glyphicon-user{
		display:none;
	}
	#UsersMenu .col-xs-12{
		/*width:320px;*/
		margin: 3px;
		border: 1px #e7e7e7 solid;	
	}
	#UsersMenu .col-xs-12 ul{	
		margin-left: 20px;
	}
	#UsersMenu .u-menu-horizontal li{
		float:none;
	}
	#UsersMenu .UsersMenu a{
		line-height: 35px;
	}#collapse-UsersMenu_temp_ul{
		display:block;
	}
	.MarketingBox{
		margin:0px 0px 20px !important;
	}
	
}


.col-padding-top{
	padding-top: 15px;
}
.col-padding-bottom{
	padding-bottom: 15px;
}

.ms-webpart-titleText h2{
	margin-top:0px;
	margin-bottom:0px;
}

h3{
	margin-top:0px;
	margin-bottom:0px;
}

h4{
	color:#00395B;
}




/* refiners */
#eLayout_R4C1{
	border-top:1px #aaa solid;
}

.ms-ref-refinername:link, .ms-ref-refinername:visited{
	border: 1px #ddd solid;	
	padding: 6px;
	font-size: 15px;
	width:98%;
}

.ms-ref-refiner #Container{
	padding-bottom:0px;
}

.ms-ref-ctrl .ms-disabled {
	display:none;
}

.ms-ref-uparrow, .ms-ref-downarrow{
	margin-top:3px;
}

.ms-ref-uparrow{
	display:block
}

.ms-ref-ellipsis, .ms-entity-resolved, .ms-entity-unresolved{
	white-space:normal;
}

.ms-ref-refiner #Value, .ms-ref-unsel-toggle, #OtherValue, #SubmitValue{
	width:95%;
}

.ms-ref-filterSel > div, .ms-ref-refiner #Value > a:active > div{
	background:url("/_layouts/15/images/nodearrow.png") no-repeat;
	padding-left:18px
}

.buscador h2{
	color:#fff !important;
	font-size:23px;
}

.buscador span{
	border:1px #fff solid;
	background-color:#fff;
	padding:5px;
	padding-top:2px;
}

.buscador img{
	background-color:#00A5D9;
}

.btnVerde{
	font-family: "Roboto", sans-serif !important;
	font-size:15px;
	padding:2px;
	background-color:#8CC63F;
	border-color: #7AAC37;
	color:#FFFFFF;
	text-transform:none;
	width:150px;
	cursor:pointer;	
}

.btnVerde a{
	color:#FFFFFF;
	font-family: "Roboto", sans-serif !important;
	font-size:15px;
	margin-left:0px;
	margin-top:0px;	
	vertical-align:middle;
	width:95%;
	display: inline-block;
}

.btnVerde a:visited{
	color:#FFFFFF;
}

.btnVerde:hover{
	padding:2px;
	background-color:#7AAC37;
	border-color: #8CC63F;
	color:#FFF;
}

.ms-rtestate-field .btnVerde{
	padding:6px;
	width:90%;
}

.ms-rtestate-field .btnVerde:hover
{
	padding:6px;
}

/************* EMBERA *************
* DESCRIPCIÓN: Esta librería CSS del Skin para Master: Modificaciones para adaptar Layouts en master Embera Katio
* Modificado por: Diego Campo, diego.campo@e-deas.com.co / Modificado: 09.12.2016
**********************************/
/* Menul lateral */
#sideNavBox{
    display:none;
}
#sideNavBoxRight .ms-core-sideNavBox-removeLeftMargin{
	margin-left:0px;
}
#sideNavBoxRight a[id$='_idNavLinkViewAll']{
	display:none;
}
/* contenido principal */
#contentBox{
    margin-left: 0px;
    margin-right: 0px;
}
/* Ocultar titulo nativo */
#pageTitle {
    display:none;
}
/* Ocultar Titulo de pagina */
#s4-titlerow #pageTitle > a:after,
#s4-titlerow #pageTitle span,
#s4-titlerow #pageTitle span a{
	display:none;
}  
.container_mainLayouts{
    max-width: 1170px;
}
.container_mainLayouts > .container{
	padding-right: 0px;
    padding-left: 0px;
}
.container_categoria, 
.container_buscador{
	max-width: 1170px;
}
.container_categoria{
	padding-right: 15px;
    padding-left: 15px;
}
.Social-list li:hover {
    background-color: transparent;
}
#footerBar1 ul.u-menu-horizontal li {
    padding: 0px;
}
#menu_principal a.ms-core-listMenu-item:hover{
	background-color: inherit;
}
/* Movil */
@media screen and (max-width: 992px) {	
	.EAFIT_Layout {
	    margin-right: -5px;
	    margin-left: -5px;
	}  
	.container_categoria {
	    margin-left: 0px;
	    margin-right: 0px;
	}
	#destacados{
	    margin-left: -5px !important;
   		margin-right: -5px!important;
	}
	#eLayout_R8C1 .ms-rtestate-field img{
		width: 100%;
	}
}