/*********************************
* DESCRIPCIÓN: Esta librería CSS del Skin para Master: Embera 
* Copyright (c) 2015 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: Diego Campo, diegoc@e-deas.com.co / Creado: 01.02.2016
* Modificado por: Diego Campo, diegoc@e-deas.com.co / Modificado: 01.02.2016
* Modificado por: John Fredy Torres, johnfredy.torres@e-deas.com.co / Modificado: 06.07.2017
* Modificado por: John Fredy Torres, johnfredy.torres@e-deas.com.co / Modificado: 0.0.2018
**********************************/
/* Cargar Embera Client */
@import url('embera_client.css?v=1.0');
/* Cargar CORE */
@import url('core/embera-katio.css?v=1.0');

/* MEGAMENU */  
#idMegamenu .mainmegamenumenu  li.dropdown > a:first-child{
	font-size:18px;
	text-transform:inherit;
	letter-spacing: 0px;
    font-weight: 500;
	color: #777;
	font-family: 'Roboto Condensed', sans-serif;
}
#idMegamenu .mainmegamenumenu li.dropdown:last-child > a:first-child {
    padding-right: 0px;
}
#idMegamenu .mainmegamenumenu-content h2{
	font-size:15px;
	text-transform:uppercase;
}
#idMegamenu .mainmegamenumenu-content li{
	width: 99%;
}

#idMegamenu .mainmegamenumenu li .drop span.title-xs p.title-xs-1{
	font-family: 'Oswald',sans-serif;
	font-size:15px;
	letter-spacing: 1px !important;
	color: #777;
	font-weight: 300;
	/*text-transform:uppercase;*/
}
/* SKIN */
#s4-titlerow div[id*='_TopNavigationMenu']{
	background: transparent;
}
/* MEGAMENU */
#idMegamenu .mainmegamenumenu-content h2, 
#idMegamenu .mainmegamenumenu-content .ms-rtestate-field h2, 
#idMegamenu .mainmegamenumenu-content h2.ms-rteElement-H2{
	font-family: 'Ubuntu', serif;
	font-size: 18px;
	margin: 5px 0 15px 0;
	color: #4DD2FF;
	text-transform: uppercase;
	border-bottom: 1px #4DD2FF solid;
	padding-bottom: 15px;
	font-weight: 700;

}
#idMegamenu .mainmegamenumenu-content .destacado  h2,
#idMegamenu .mainmegamenumenu-content .destacado .ms-rtestate-field h2, 
#idMegamenu .mainmegamenumenu-content .destacado h2.ms-rteElement-H2{
	color: #FFB903;
	border-bottom: 1px #FFB903 solid;
}
#idMegamenu p{
	font-family: 'Ubuntu';
}

#idMegamenu .mainmegamenumenu-content{
    background-color:#002131;
	color:#fff;
}
#idMegamenu .mainmegamenumenu-content img{
	width: 100%;
}
#idMegamenu .resaltarLi{
	background-color: #00395B !important;		
}

#idMegamenu .navbar-default .navbar-collapse{
	border-color: #BBB;
}
#idMegamenu .mainmegamenumenu-content li{
	border:0px;	
}
#idMegamenu .mainmegamenumenu-content li:hover{
	background-color:transparent;
	border-bottom-color: #4DD2FF;
	border-bottom: 0px;	
}
#idMegamenu .mainmegamenumenu-content li:hover a{
	color:#4DD2FF;
}
#idMegamenu .mainmegamenumenu-content li a{
	color:#fff;
	/*letter-spacing: 1px !important;
	font-size: 15px !important;*/
	letter-spacing: 0px !important;	
	font-size: 17px !important;
	padding: 0px;
	text-transform: none;
	font-weight: 300;
    font-family: 'Roboto Condensed', sans-serif;
}
#idMegamenu .mainmegamenumenu-content,
#idMegamenu .mainmegamenumenu-content p {
	color:#fff;
	font-family: 'Roboto Condensed', sans-serif;
}
#idMegamenu .showContent{
	background: #002131;
	opacity: 1;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
}
/* inicio - Megamenu destacados*/
#megamenuDestacados{
	display:none;
}
/* fin - Megamenu destacados*/

/* Client */
#idMegamenu  .mainmegamenumenu-content a.amarillo{
    font-size: 14px;
    padding: 5px 25px;
    background-color: #FFB903;
    border-color: #E1A400;
    color: #FFFFFF;
    /*line-height: 26px;*/
    text-transform: none;
    /*width: 96%;*/
    cursor: pointer;
    font-weight: 300;
    letter-spacing: normal;
}

/* Escritorio */
@media screen and (min-width: 1170px) {
	#idMegamenu .mainmegamenumenu li .drop{		
    	padding: 10px 13px;
	}
}
@media screen and (min-width: 993px) {	
    #s4-titlerow {
        height: 145px; /* Katio */
    }
	#DeltaTopNavigation {
		min-height: 80px;
	}
    #s4-titlerow div[id*='_TopNavigationMenu'] {
    	top: 34px;
    	left: 0px;
    	width:inherit;
		text-align: left;
    }
	#s4-titlerow ul[id*='_RootAspMenu'] {
		padding-left: 0px;
	}
	#idMegamenu {
		top: 66px;
	}
	#contentRow {
		margin-top: 0px;
	}
	#idMegamenu .mainmegamenumenu li a:first-child{
		/*width: 110px;*/ /* ancho fijo de celda para salto de linea*/
    	text-align: center;
	}
	#idMegamenu .mainmegamenumenu li a:first-child span{
		display: block;
		height: 50px;		
	} 
	#idMegamenu .mainmegamenumenu li .drop{
		/*padding-left: 15px;
    	padding-right: 15px;*/
    	/*height: 80px;*//* ancho fijo de celda para salto de linea*/
		height: 35px;
	}
	#idMegamenu .mainmegamenumenu > ul > li {		
		height: 70px;
	}
	#idMegamenu .navbar-default {
		max-width: inherit;
		margin: inherit;
		left: 0;
		width: 100%;
	}
	#idMegamenu .navbar-default .navbar-collapse{
		max-width: 1170px;
		margin: 0px auto;		
	}
	#idMegamenu .mainmegamenumenu > ul{
		margin-left: 0px;
		/*margin-top: -10px;*//* ancho fijo de celda para salto de linea*/
		margin-top: 0px;
		float: right;
	}
	#idMegamenu .mainmegamenumenu-content{
		max-width: 1170px;
		margin: 0 auto;
		padding-bottom: 0px;
	}
	#idMegamenu .mainmegamenumenu li{
		line-height: 10px;
	}
	#idMegamenu .mainmegamenumenu li a:first-child span{
		display: block;
		height: inherit;
	}
	#idMegamenu .dropdown-menu{
		border-radius: 0px;
	}
	#idMegamenu .dropdown-menu {
		/*border-color: #00395B;*/
		/*border-bottom-color:#fff;*/
		-webkit-box-shadow: 0 8px 16px rgba(0,0,0,.3);
		box-shadow: 0 8px 16px rgba(0,0,0,.3);
		background: #002131;
	}
	/* NAV ITEMS */
	#DeltaTopNavigation .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
		font-size:15px;
	}		
	#DeltaTopNavigation .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
		color: #4DD2FF;
	}
	#DeltaTopNavigation .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover{
		color:#fff;
	}	
	#DeltaTopNavigation .ms-core-listMenu-horizontalBox .dynamic-children.additional-background:after{
		color: #4DD2FF;		
	}
	#DeltaTopNavigation .ms-core-listMenu-horizontalBox .dynamic-children.additional-background:hover:after{
		color:#fff;
	}
	#idMegamenu .resaltarLi:after{
		content: '\e253';
		color: #002131;
		display: block;		
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		margin-top: 8px;
		font-size: xx-large;
	}	
	#idMegamenu .resaltarLi {
		background-color: transparent !important;
		color: #00A5D9 !important;
	}
	div[id*=TopNavigationMenu] li.static li.static ul.dynamic{
		max-height: 70vh;
	}
}


/** EDEAS: EFECTOS IMAGEN **/
/** INICIO MOD: 06/07/2017 **/
.ed-rteImage-0
{
-ms-name:"Sin borde";
}
.ed-rteImage-1
{
-ms-name:"Borde de línea fino";
/* [ReplaceColor(themeColor:"BodyText",opacity:"1")] */ background-color:#444;
/* [ReplaceColor(themeColor:"BodyText-Darker",opacity:"1")] */ border:1px solid #333;
/* [RecolorImage(themeColor:"SubtleBodyText",method:"Tinting")] */ background-image:url("/_layouts/15/images/tabtitlerowbottombg.png?rev=23");
background-repeat:repeat-x;
background-position:top;
}
.ed-rteImage-2
{
-ms-name:"Borde de tabla";
padding:2px;
/* [ReplaceColor(themeColor:"SubtleLines")] */ border-top:1px solid #c6c6c6;
/* [ReplaceColor(themeColor:"Lines")] */ border-bottom:1px solid #ababab;
/* [ReplaceColor(themeColor:"SubtleLines")] */ border-left:1px solid #c6c6c6;
/* [ReplaceColor(themeColor:"Lines")] */ border-right:1px solid #ababab;
}
.ed-rteImage-3
{
-ms-name:"Borde oscuro";
padding:15px;
/* [ReplaceColor(themeColor:"BodyText-Darker",opacity:"1")] */ background-color:#333;
/* [ReplaceColor(themeColor:"BodyText",opacity:"1")] */ border:1px solid #444;
/* [RecolorImage(themeColor:"BodyText-Darker",method:"Tinting")] */ background-image:url("/_layouts/15/images/tabtitlerowbottombg.png?rev=23");
background-attachment:fixed;
background-repeat:repeat-x;
background-position:left bottom;
}
.ed-rteImage-4
{
-ms-name:"Borde claro";
padding:6px;
padding-bottom:33px;
/* [ReplaceColor(themeColor:"BackgroundOverlay-Lightest",opacity:"1")] */ background-color:#F2F2F2;
/* [ReplaceColor(themeColor:"SubtleLines")] */ border-top:1px solid #c6c6c6;
/* [ReplaceColor(themeColor:"Lines")] */ border-bottom:1px solid #ababab;
/* [ReplaceColor(themeColor:"SubtleLines")] */ border-left:1px solid #c6c6c6;
/* [ReplaceColor(themeColor:"Lines")] */ border-right:1px solid #ababab;
background-image:url("/_layouts/15/images/selbg.png?rev=23");
background-repeat:repeat-x;
background-position:top;
}
.ed-rtePosition-1{
-ms-name:"Izquierda";
float:left;
}
.ed-rtePosition-2{
-ms-name:"Derecha";
float:right;
}
.ed-rtePosition-3{
-ms-name:"Arriba";
vertical-align:text-top;
}
.ed-rtePosition-4{
-ms-name:"Centro";
vertical-align:middle;
}
.ed-rtePosition-5{
-ms-name:"Abajo";
vertical-align:text-bottom;
}
/*Lightbox style*/
img.ed-rteImage-LightBox{
	-ms-name: 'LightBox';
	margin:0px !important;
	cursor:pointer;
}
img.ed-rteImage-LightBoxLupa{
	-ms-name: 'LightBox Lupa';
	margin:0px !important;
	cursor:pointer;
}
img.ed-rteImage-LightBoxVideo{
	-ms-name: 'LightBox Video';
	margin:0px !important;
	cursor:pointer;
}
a.ed-rteStyle-LightBox{
	-ms-name: 'LightBox';
	text-decoration:underline;
	font-weight:bold;
}
/* Effects over lightbox */
a.ed-rteLink-LightBoxLupa,a.ed-rteLink-LightBoxVideo{
	position: relative;
    display: inline-block;
}
a.ed-rteLink-LightBoxLupa:after,a.ed-rteLink-LightBoxVideo:after{
	content: '\e003';
    position: absolute;
    font-family: 'Glyphicons Halflings';
    font-size: 30pt;
    color: #fff;
    top: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    display:block;
    padding-top: 30%;
    
    background: rgba(0,0,0,.4);
    height: 100%;
 
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    -khtml-opacity:0; 
 	-moz-opacity:0; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-transition: all 0.4s ease-in-out; /* Safari and Chrome */
    -moz-transition: all 0.4s ease-in-out; /* Firefox */
    -ms-transition: all 0.4s ease-in-out; /* IE 9 */
    -o-transition: all 0.4s ease-in-out; /* Opera */
    transition: all 0.4s ease-in-out; 
}
a.ed-rteLink-LightBoxLupa:hover:after,a.ed-rteLink-LightBoxVideo:hover:after {	
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    -khtml-opacity:1; 
 	-moz-opacity:1; 
}
a.ed-rteLink-LightBoxVideo:after{
	content: '\e029';
}
a.ed-rteLink-LightBoxVideo:after{
	background: rgba(0,0,0,.2);

	opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    -khtml-opacity:1; 
 	-moz-opacity:1; 
}
a.ed-rteLink-LightBoxVideo:hover:after {	
    background: rgba(0,0,0,.6);
}
/** EDEAS: EFECTOS IMAGEN **/
/** FIN MOD: 06/07/2017 **/



/* Movil */
@media screen and (max-width: 992px) {
	#s4-titlerow {
        height: 132px;	/* Katio*/
        min-height: 60px;
    }
	#idMegamenu .megamenu-navbar-default{
		top: 8px;
		z-index:2;
	}
	#idMegamenu .mainmegamenumenu ul { /* Mod: 23/03/2017 e-deas: JohnT */
		margin-left: 0px;
	}
	#idMegamenu #navbar-collapse-grid{
		margin-left: 6px;
		margin-right: 6px;
		margin-bottom: 6px;	   
	}
	
	#idMegamenu .mainmegamenumenu .nav{
		/*width:99%;*/
		width:100%; /* Mod: 23/03/2017 e-deas: JohnT */
	}
	#idMegamenu .mainmegamenumenu-content{
		padding-left:0px;
		padding-right:0px;
		/*overflow-y: auto;
		max-height: 350px;*/
	}
	#idMegamenu  .nav{
		overflow-y: auto; 
		max-height: 450px;
		margin-bottom: 0px;
	}
	#idMegamenu{
		position: static;
		width: 100%;
		z-index: 1001;
		margin-top: -25px;
	}
	#idMegamenu .navbar-default .navbar-nav>.open>a{
		margin-right: 0px;
	}	
	#idMegamenu .mainmegamenumenu li .drop span.title-xs p.title-xs-1 {
		padding-top: 6px;
		height: 25px;
	}
	#idMegamenu .mainmegamenumenu li .drop span.title-xs-2{
		margin-top: 10px;
	}
	#idMegamenu .mainmegamenumenu li.open  .drop span.title-xs-2{
		color: #00A5D9;
	}
	#idMegamenu #navbar-collapse-grid{
		border: 0px #ccc solid ;/* Mod: 15/03/2017 e-deas: JohnT */
	}
	#idMegamenu .mainmegamenumenu li {
		border-bottom-color: #ccc;
	}
	#idMegamenu .mainmegamenumenu li:last-child {
		border-bottom: 0px;
	}
	/*#idMegamenu .mainmegamenumenu li .dropdown-menu a {
		color:#fff;
	}
	#idMegamenu .mainmegamenumenu .dropdown-menu p{
		color:#fff;
	}*/
	#idMegamenu .navbar-default .navbar-nav>.open>a{
		background-color: transparent;
		/*color:#fff;*/
	}
	#idMegamenu .navbar-default .navbar-nav>.open>a .title-xs-1{
		color:#fff;
	}
	div[id*='TopNavigationMenu'] ul.root:before {
        color: #fff;
    }
	#icoMegaMenu a:focus,#icoMegaMenu a:hover{
		color: #aaa;
	}
	#icoMegaMenu button:active, #icoMegaMenu button:hover {
		border: 1px transparent solid;
	}
	#icoMegaMenu .glyphicon{
		line-height: 0.9;
	}
	#icoMegaMenu .glyphicon,.icoMegaMovilText{
		color:#aaa;	
		line-height: 24px;		
	}
	#eCloseNav {
		top: -10px;
	}
	#s4-titlerow div[id*='_TopNavigationMenu'] {
		margin-right: 0px;
	}
	#idMegamenu  .mainmegamenumenu-content a.amarillo{
		width: 96%;
	}
	#s4-titlerow #pageTitle > a {
		padding-right: 12px;
	}
	#s4-titlerow #pageTitle {
		min-height: 45px;
		padding-top: 10px;
	}
	
	/* Menu completo*/
	div[id*='TopNavigationMenu'] ul.root > li.static:first-child:before{	
		margin-bottom:39px;		
		background: transparent;
		box-shadow: inherit;
	}
	div[id*=TopNavigationMenu] ul.root > li.static > ul.static{
		box-shadow: inherit;
	}
	#eCloseNav:before{
		content: '\e113';
		color: #00A5D9 !important;
		right: 5px;
		font-size: 1.8em;
		border:0px;
		width:40px;
	}
	#eCloseNav:after{
		display:none;
	}		
    /* fin - Menu completo */
	
	/* inicio - Megamenu destacados*/
	#megamenuDestacados{
		display:block;
		background-color: #00395B;
	}
	#megamenuDestacados .row{
		margin-left: 0px;
		margin-right: 0px;
	}
	#megamenuDestacados .col-xs-4{
		padding-right: 5px;
		padding-left: 5px;
	}
	#megamenuDestacados .destacado-btn{
		margin: 15px 0px;
		text-align: center;
	}
	#megamenuDestacados .btn{
		padding: 0px;
		width: 100%;
		border-radius: 5px;
		padding-top: 15px;
		color: #fff;
		max-width: 120px;
		padding: 0px 5px;
	}
	#megamenuDestacados .fa{
		padding: 15px 0px;
	}	
	#megamenuDestacados h2{
		font-family:'Ubuntu';
		text-align: center;
		white-space: pre-line;
		font-size: 12px;
		color: #fff;
		font-family: Ubuntu;
		text-transform: uppercase;
		margin-top: 0px;
		margin-bottom: 5px;
		font-weight: 400;
		letter-spacing: 1px;
		min-height:26px;
	}
	/* fin - Megamenu destacados*/
}


P.ed-rteElement-P
{
	-ms-name:"Párrafo";
}
H1.ed-rteElement-H1
{
	-ms-name:"Encabezado 1";
}
H2.ed-rteElement-H2
{
	-ms-name:"Título 2";
}
H3.ed-rteElement-H3
{
	-ms-name:"Título 3";
}
H4.ed-rteElement-H4
{
	-ms-name:"Título 4";
}
H1.ed-rteElement-H1B
{
    -ms-name:"Título 1";
	color: #00485B;
}
H2.ed-rteElement-H2B
{
	-ms-name:"Título 2";
	color: #00485B;
}
H3.ed-rteElement-H3B
{
	-ms-name:"Quotes simple";
	color: #00485B;
}
H4.ed-rteElement-H4B
{
	-ms-name:"Quotes";
	color: #00485B;
}
span.ed-rteStyle-Normal{
	-ms-name:"Normal";
    font-size: 13px;
    color: #444;
    background-color: #fff;
    background-color: rgba( 255,255,255,0.85 );
    font-weight: normal;
}
span.ed-rteStyle-Quote{
	-ms-name:"Comillas";
	font-style: italic;
    color: #444;
}
span.ed-rteStyle-IntenseQuote{
	-ms-name:"Comillas intensas";
	font-style: italic;
    color: #444;
	text-decoration: underline;
}
span.ed-rteStyle-Emphasis{
	-ms-name:"Énfasis";
	    font-style: italic;
    color: #0072C6;
}
span.ed-rteStyle-IntenseEmphasis{
	-ms-name:"Énfasis intenso";
	font-style: italic;
    color: #0072C6;
}
span.ed-rteStyle-References{
	-ms-name:"Referencia";
	color: #777;
}
span.ed-rteStyle-IntenseReferences{
	-ms-name:"Referencia intensa";
	color: #777;
	text-decoration: underline;
}
span.ed-rteStyle-Accent1{
	-ms-name:"Énfasis 1";
	color: #0072C6;
}
span.ed-rteStyle-Accent2{
	-ms-name:"Énfasis 2";
	color: #00485B;
}