/*********************************
* DESCRIPCIÓN: Esta librería CSS tiene elementos responsive Master: EMBERA-KATIOS
* 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 A. Campo A., diegoc@e-deas.com.co / Creado: 01.02.2016
* Modificado por: Diego A. Campo A., diegoc@e-deas.com.co / Modificado: 13.07.2016
**********************************/
#DeltaTopNavigation{
	min-height:100px;
}

/*#s4-titlerow #pageTitle, #s4-titlerow #pageTitle a{
	font-size:28px;
}*/
#s4-titlerow #pageTitle{
	margin-top:5px;
}
#s4-titlerow div[id*='_TopNavigationMenu']{
	top: 45px;
	left:0px;	
	right:5px;
	background:#fff;
	border-radius: 5px;
}
#s4-titlerow ul[id*='_RootAspMenu']{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}
/* MEGAMENU */
#idMegamenu .mainmegamenumenu
{
	list-style:none outside none;
	background-color:#FFF;
	margin:0px;
	padding:0px;
}
#idMegamenu .mainmegamenumenu ul{
	margin-left: 20px;
}
#idMegamenu .mainmegamenumenu li
{
	line-height:50px;
	margin-top:20px;
	height:auto;
	display: block;
}
#idMegamenu .mainmegamenumenu li .drop {
	padding:10px;
	padding-bottom:40px;
}
#idMegamenu .mainmegamenumenu li a
{
	color: #818181;
    cursor:pointer;	
}
#idMegamenu .megamenu-navbar-default
{
	border:0px;
	margin-bottom:0px;
    z-index: 1;
    min-height:1px;
    top: -12px;
}
#idMegamenu .showContent
{
	display: block;	
}
#idMegamenu .resaltarLi
{
	background-color: #ccc !important;	
	color: #FFF !important;
	cursor:pointer;
}
.icoMegaMovil
{
	cursor:pointer;
	left:20px;
}
.icoMegaMovilBar{
	background-color:transparent;
	margin-left:11px;
}
.icoMegaMovilText
{
	color:#777;
	margin-left:0px;
	font-size:0.6em;
}
.icoMegaMovil
{
	cursor:pointer;
	left:0px;
	margin: 0px;
    padding: 0px;
}
#icoMegaMenu{
	 padding: 5px 0px 0px 5px;
	 width:25px;
	 display:none;
     position: relative;
     top: -15px;
     right: 20px;
     float:right;
          
}
#icoMegaMenu button:hover{
	background-color:transparent;
	background-color:transparent;
}
.icoMegaMovilBar{
	margin-left:0px;
}
#icoMegaMenu .glyphicon {
    font-size:1.8em;
    color: #777;
    background-color:transparent;
    display: block;
}
#icoMegaMenu button:active, #icoMegaMenu button:hover {
    border-color: transparent;
}
#idMegamenu .navbar-default{
	background:transparent;
}
#idMegamenu .mainmegamenumenu-content
{
	list-style:none outside none;
	background-color:#FFF;	
	color:#777;
	margin:0px;
	padding:15px;
	list-style:none outside none;
}
#idMegamenu .showContent
{
	opacity: 0.95;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=95)';
	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;	
}
#idMegamenu .mainmegamenumenu-content ul
{
	padding-left:0px;
	margin-left:0px !important;
	margin-bottom: 15px;
}
#idMegamenu .mainmegamenumenu-content li
{
	width:95%;
	padding:5px 0px 5px 5px;
	margin:0px;
	border-bottom: solid #ddd 1px;	
	text-align:left;
	height: auto;
}
#idMegamenu .mainmegamenumenu-content li:hover
{
	background-color:transparent;
	border-bottom: solid #ddd 1px;
}
#idMegamenu .mainmegamenumenu-content p, #idMegamenu .mainmegamenumenu-content ul li {
	line-height: 20px;
	font-size: 13px;
	text-align: left;	
}
#idMegamenu .yamm .nav,
#idMegamenu .yamm .collapse,
#idMegamenu .yamm .dropup,
#idMegamenu .yamm .dropdown {
  position: static;
}
#idMegamenu .yamm .container {
  position: relative;
}
#idMegamenu .yamm .dropdown-menu {
  left: auto;
}
#idMegamenu .yamm .yamm-content {
  padding: 20px 30px;
}
#idMegamenu .yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}

/* Escritorio */
@media screen and (min-width: 993px){
	#s4-titlerow{
		height: 193px;	
	}
	/* Katios */
    #siteIcon {
        z-index: 2;
    }
	#idMegamenu {
        position:absolute;
        width:100%;
        top:90px;
        /*border:1px red solid; */
    }
    #idMegamenu .navbar-default {
        max-width: 1170px;
        margin: 0 auto;
        /*border:1px green solid;*/
        left: 85px;
        width: 790px;
    }
}
/* Movil */
@media screen and (max-width: 992px){
	#s4-titlerow div[id*='_TopNavigationMenu']{
		background:inherit;
		top: 135px;
		z-index: 1;
        margin-right: 5px;
	}
	#s4-titlerow ul[id*='_RootAspMenu']{
		padding:0px;
	}	
	#eCloseNav:before{
		top: 60px;
    	color: #fff;
	}	
	div[id*='TopNavigationMenu'] ul.root:before{
		content: '\e114';/*\e235*/
		color:#fff;
	}	
	div[id*='TopNavigationMenu'] ul.root:after{
			display:none;
	}	
	/* Titulo del sitio y franja */
	#s4-titlerow #pageTitle{
		top:112px	
	}
	#s4-titlerow #pageTitle > a{
		font-size:25px;
		position:absolute;
		min-height: 40px;
		margin-right: 35px;	
	}	
	#idMegamenu .mainmegamenumenu ul{
		margin-left: 1px;
	}
	#idMegamenu .mainmegamenumenu li .drop{
		padding:0px 0px;
		line-height:24px;
	}
	#idMegamenu .mainmegamenumenu li .drop span{
		width:100%;
		margin-left:10px;
	}
	#idMegamenu .mainmegamenumenu li .drop span.title-xs p{
		display:inline-block;
		cursor:pointer;
	}
	#idMegamenu .mainmegamenumenu li .drop span.title-xs p.title-xs-1
	{		
		padding-top:10px;
		width:90% !important;
		cursor:pointer;
	}	
	#idMegamenu .mainmegamenumenu li .drop span.title-xs-2
	{
		margin-left: 0px;
        width: auto;
        float: right;
        margin-top: 10px;
        position: absolute;
        right: 22px;
	}	
	#idMegamenu .mainmegamenumenu li
	{
		padding:0px 0px;
		margin:1px 0px 0px 0px;
		border-bottom:1px solid;
		border-bottom-color:#818181;
	}
	#idMegamenu .mainmegamenumenu .nav
	{
		width:99%
	}
	#idMegamenu .mainmegamenumenu .navbar-collapse
	{
		display:none;
	}
	#icoMegaMenu .navbar-toggle{
		margin-top:0px;
		margin-bottom:0px;
	}
    #icoMegaMenu {
        display:inline-block;
    }
    #idMegamenu .navbar-nav {
        margin-top: 0px;
        margin-bottom: 1px;
        min-height: 70px;
    }
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#idMegamenu .mainmegamenumenu
	{
		box-shadow: 10px 10px 5px 150vw rgba(0,0,0,0.65);
	}
	#icoMegaMenu  button:not(.collapsed) {
		z-index: 1002;
	}	
	#icoMegaMenu  button:not(.collapsed) .glyphicon-menu-hamburger:before{
		content: '\e014';
		color: #fff;
	}
	#icoMegaMenu  button:not(.collapsed) .icoMegaMovilText .icoMegaMovilBar{
		display: none;
	}
	#icoMegaMenu  button:not(.collapsed) .icoMegaMovilText:before{
		content: 'CERRAR';
		color: #fff;
	}
}