﻿/*********************************
* DESCRIPCIÓN: Esta librería CSS del Skin para FOOTER
* 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: 20.04.2016
* Modificado por: Diego Campo, diegoc@e-deas.com.co / Modificado: 20.04.2016
* Modificado por: John Fredy Torres, johnfredy.torres@e-deas.com.co / Modificado: 0.0.2018
**********************************/
#eFooter{
	padding-bottom: 0px !important; 
	background: #424242 !important;
	font-weight: 300;
}

#eFooter h2{
	color: #FFF;
    font-size: 25px;
    margin: 0;
}

#eFooter h3 {
    color: #FFF;
    font-size: 20px;
    margin: 0 0 10px 0;
}

#eFooter p{
	font-family: "Oswald";
}

#eFooter a{
	color: #a3a3a4!important;
	font-family: Roboto Condensed, sans-serif;
	font-size: 15px;
}

#eFooter a:hover{
	/*color: #4CD2FF;*/
	color: #BBB !important;
}

#eFooter .destacado {
    margin-top: 20px;
	 color: #4CD2FF;
	 font-size: 18px;
	 background: #151921;
	 padding: 20px;
	 text-align: center;
}
@media screen and (min-width: 992px){ 
	/*#eSignInLink:before{
		content:' | '
	}*/
	#eSignInLink{
		position: relative;
		font-size: 16px;
		height: 0px;
		/*padding-right: 840px;*/
		/*top: -115px;*/
		top: -475px;
		left: -533px;
	}
	#eSignInLink a{
		height:35px;
	}
	
	#eSignInLink a:before{
		display:none;
	}
	#eSignInLink a span{
		font-family: Roboto Condensed, sans-serif;
		font-size: 15px;
		display:inline-block !important;
		color: #00a5d9;
	}
	#eSignInLink a span:before{
		content: "\f090" !important;
		color: #fff;
	    font: normal normal normal 14px/1 FontAwesome;
	    font-style: normal;
	    color: #fff;
	    padding-right:5px;
	    margin-left: 20px;
	}


}
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    #eSignInLink{
    	/*top: -145px;*/
    } 
}
#eSignInLink .ms-signOutLink:before{
    color:#fff !important;
}
#eSignInLink .ms-signInLink:before{
    color:#fff !important;
}

/* Barra 1 */
#footerBar1{
	background: #151922;
	border-top: 4px solid #00a5d9;
	padding-top: 20px;
}
#footerBar1 .icoPrefooter{
	height: 68px;
	width: 168px;
	background-repeat: no-repeat;
	cursor:pointer;
	margin: 0px auto;
}
#footerBar1 .incripciones{
   background-image: url('../img/footer/incripciones.png');
}
#footerBar1 .incripciones:hover {
   background-image: url('../img/footer/incripcionesHOVER.png');
}

#footerBar1 .interactiva{
   background-image: url('../img/footer/interactiva.png');
}
#footerBar1 .interactiva:hover {
   background-image: url('../img/footer/interactivaHOVER.png');
}

#footerBar1 .ulises{
   background-image: url('../img/footer/ulises.png');
}
#footerBar1 .ulises:hover {
   background-image: url('../img/footer/ulisesHOVER.png');
}

#footerBar1 .siria{
   background-image: url('../img/footer/siria.png');
}
#footerBar1 .siria:hover {
   background-image: url('../img/footer/siriaHOVER.png');
}

#footerBar1 .correo{
   background-image: url('../img/footer/correo.png');
}
#footerBar1 .correo:hover {
   background-image: url('../img/footer/correoHOVER.png');
}

#footerBar1 .masaplicaciones{
   background-image: url('../img/footer/masaplicaciones.png');
}
#footerBar1 .masaplicaciones:hover {
   background-image: url('../img/footer/masaplicacionesHOVER.png');
}

/* Barra 2  */
#footerBar2{
	background: #0d0f14;
	padding-top: 25px;
    padding-bottom: 5px;
    text-align:left;	    
}

#footerBar2 .row{
	margin-bottom:30px;
	padding-left: 15px;
    	padding-right: 15px;
}
#footerBar2 .row > div:first-child{
	padding:0px;
}

#footerBar2 .row > div{
	padding-left: 28px;
}

#footerBar2 hr{
	border-top: 1px solid #808080;
} 
#footerBar2 .footer-head{
	color:#fff;
	margin-bottom:10px;
}

#footerBar2 .Footer-logoImage {
    width: 90px;
    margin: 0;
}
#footerBar2 ul{
	padding: 0;	
}
#footerBar2 ul li {
	list-style-type: none;
	line-height:28px;
	font-family: Roboto Condensed, sans-serif;
}
#footerBar2 ul li:before{
	content:'»';
	color:#fff;
}
#footerBar2 ul.u-menu-horizontal li {
    display: inline-block;
    list-style-type: none;
    padding: 5px 10px 0 0;
}
#footerBar2 ul.u-menu-horizontal li:before{
	content:'';
	display:none;
}
#footerBar2 ul.u-menu-horizontal li img {
    max-width: 35px;
}

#footerBar2 ul.eDondeEstados{
	color: #00a5d9;
	font-size: 15px;
	font-weight: 500;
}
#footerBar2 ul.eDondeEstados li:before,
#footerBar2 ul.eContacto li:before{
	content:"";
}
#footerBar2 ul.eContacto{
	font-weight: 500;
}

#footerBar2 h3{
	font-family: Roboto Condensed, sans-serif;
	font-size: 24px;
	padding-top: 20px;
}
#footerBar2 h3.TituloPie{
	border-bottom: 1px solid #434344;
	padding-bottom: 21px;
}
#footerBar2 .lineaPie{
	border-bottom: 4px solid #00a5d9;
	width: 35%;
	position: relative;
	top: -12px;

}



/* Barra 3  */
#footerBar3{
	background: #0d0f14;	    
}
#footerBar3 .RedesSocialesPie{
	/*margin-top:60px;*/
	padding: 30px 0 20px 0;
	text-align: center;
}
#footerBar3 .RedesSocialesPie h6 {
	color:#aaaaab;
	margin: 0.6% 0 0 0;
}
#footerBar3 .RedesSocialesPie ul {
	display: table;
	margin: 0 auto;
}
#footerBar3 .RedesSocialesPie ul li {
	list-style: none;
	float: left;
	background-color: transparent;
	border-radius: 50%;
	margin: 0 10px 10px 0;
	border: 2px solid #d5d6d5;
	width: 45px;
    height: 42px;
}
#footerBar3 .RedesSocialesPie ul li a {
	padding: 0 10px;
	color: #d5d6d5;
	font-size: 14px;
	text-align: center;
	line-height: 1;
}
#footerBar3 .RedesSocialesPie ul li a i{
    line-height: 40px;
}
#footerBar3 .RedesSocialesPie ul li:hover{
	border: 2px solid #00A5D9;
}
#footerBar3 .RedesSocialesPie ul li:hover a{
	color: #00A5D9 !important;
}
#footerBar3 .RedesSocialesPie .tooltip.top .tooltip-arrow{
    border-top-color: #00A5D9!important;
}
#footerBar3 .RedesSocialesPie .tooltip.top .tooltip-inner{
    background-color: #00A5D9!important;
    font-size: 11px!important;
    text-transform: uppercase!important;
    font-family: Roboto Condensed, sans-serif!important;
}
#LineaTopRedes{
	border-top: 1px solid #9d9d9e;
}

/* Barra 4 */
#footerBar4{
	background: #00a5d9;
	padding: 18px 120px 0px 15px;
	padding: 18px 0px 0px 0px;
	margin-bottom: -25px; 	    
}
#footerBar4 .Slogan{
    text-align: right;
}

@media screen and (max-width: 992px){
	#eFooter-inside {	/* Espacio para dejar cuando hay redes */
	    margin-bottom: 0px !important;
	}
	/* Barra 1 */
	/*#footerBar2{
		padding-bottom: 80px;     
	}*/
	#footerBar2 #footerIcoSocial .Social-list, #footerBar2 #footerIcoSocial .Tools-list {
	    display: inline-block;
	}
	#footerBar2 .row > div:first-child{
		padding-left:15px;
		padding-bottom:15px;		
	}	
	#footerBar2 .row > div{
		padding-left:15px;
		padding-bottom:15px;
	}
	#footerBar2 .row{
		margin-bottom:20px;
	}
	#footerBar2 .footer-head{
		margin-bottom:5px;
	}
	#| ul.u-menu-horizontal li {
	    padding-right: 20px;
	}
	#footerBar5{
		margin-top:-45px; 
	}	
	#footerBar4{
		padding-left: 10px;
		padding-right: 10px;
	    padding-bottom: 19px;
	}
	#footerBar4 .Slogan{
		text-align: center;
	}	
	#eFooter .destacado {
		margin-top: 0px;
		color: #4CD2FF;
		font-size: 18px;
		background: transparent;
		padding: 0px;
		text-align: left;
	}
}

@media screen and (max-width: 380px){ 
	#footerBar1 .icoPrefooter{
		background-size: contain;
		width: 130px;
	}
	#footerBar3 .RedesSocialesPie ul {
		display: block;
		padding-left: 7%;
	}
}














