﻿
body { background-color: #fff!important;}
.search-bar input{ height: 35px}
.rounded-50{ border-radius: 50%}
.container{background-color:transparent!important; color: #333}
.fl{
	float:left
}
.fr{
	float:right
}

/*HOMEPAGE*/
.btnCircle{
	 width:25px; height:25px; text-align:center; display:inline-block; background-color:#fff; margin-left: 8px;
}
.btnCircle img{
	border-radius:12px; width:25px; height:25px; text-align:center; display:inline-block; background-color: rgba(0, 0, 0, 1);
	background-color: #0c0c0c;  

}
/*HEADER*/

/*.mainHeader{ position:absolute; z-index:1000; width:100%; background-color: rgb(13, 30, 47, 0.5)*/
.mainHeader{
	position:fixed; z-index:100; width:100%;
	background-color: #01345b;
	

}
.row.menuHeader{background-color: rgba(11, 18, 31, 0.5)!important;}
.navbar-inner{
	 /*margin:0 auto;*/
}

.bg-blue, .bg-green {color: #fff}
.bg-blue{background-color: rgb(0,60,102) }
.bg-green{ background-color: rgb(152,196,56)}
.bg-gray{background-color: rgb(240, 241, 242)}
.wrap-bday, .wrap-events{ margin: 15px; padding: 15px}
.wrap-bday, .wrap-events .h3{ text-align: center}

.wrap-50{ width: 50%; display: inline-block}

.navbar{float: right}
.navbar a{ color: #fff; font-size: 14px}
.navbar-expand-lg .navbar-nav .nav-link{ padding-left:.8em ; padding-right:.8em }
.nav-item{ border-right: 1px solid #1d8ab6}

.searchInput{ background-color: #e8eef0; min-width: 226px!important; padding-right: 25px; font-size: 11px}
.searchBtn{ border-radius: 50%; height:35px ; width: 35px; background-color: #d4d432; text-align: center; margin-left: -22px}
.text-reset{ border: none;  }
.text-green{ color: #a2b637!important}
.wrap-cta span img{ display: none;}
.wrap-cta a{ background: url("https://www.jep.gov.co/Style%20Library/Images/ic_arrowCTA.png") no-repeat center left; padding-left: 40px; color: #5a7ba9; font-weight: 700}


/*HIGHLIGHTED NEWS*/
#WebPartWPQ3{  overflow: hidden; background-color: #f3f3f3; margin-top: -8px}
#WebPartWPQ3 ul{ width: 1280px; margin: 0 auto}
.wrap-highlightedNews{  width: 100%}
.wrap-highlightedNews .card{ min-height: 150px; border: none; background-color: transparent; padding-left: 25px; background: url("../../images/img/sepH_news.png") no-repeat top left}
.wrap-highlightedNews .card-header, .wrap-highlightedNews .card-footer{ background: none; border: none}
.wrap_iconCard{ margin: 0; padding: 7px}
#WebPartWPQ3 li{ width: 25%; float: left; display: inline-block}
#WebPartWPQ3 li a{ color: #000; font-weight: 700}
#WebPartWPQ3 li a:hover{ color:#a2b637 ;}

.related-posts, .bottom-links, .news{ padding: 25px 0px}

/*NEWS*/
.news	{ background-color: rgb(240, 241, 242); }
.news .card{ border: none}
.news .card-header, .news .card-footer{ background: none; border: none}
.news .card-header{}
.bg1	{ background-color: #00b7ff; text-align: center; padding: 7px}


.bottom-links{ padding: 15px; background-color: rgb(240, 241, 242); text-align: center; margin-top:25px;}
.bottom-links a{ display: inline-block; padding: 15px; margin: 15px}
.social-link{ display: inline-block; padding: 15px; }
.social-link a{ border: 1px solid #ccc; display: block; padding: 10px; border-radius: 5px}

footer{ background-color: #1a1e2a; color: #fff!important}
footer a{color: #fff!important;}
footer > span{color: #fff!important}
.InpReset{ border: none; border-radius: 40%}
.big-Number{ font-size: 26px; display: block}
.redes-footer{ margin: 0 auto; text-align: center}
.redes-footer a{ margin: 0px 5px; display: inline-block}
.borderR{ border-right: 3px solid #ececee; padding-right: 65px}


/*EXTRANET*/
.extranet { color: #333;}
.extranet .container{position: relative}
.extranet .navbar{ padding:0px; float:right; background:transparent!important;}
/*.extranet .navbar{ padding:0px; float:right; background:transparent}*/

.box-navbar{
	background-color: rgba(26,30,42, .8); overflow:hidden; 
}
.extranet .navbar-brand { width:327px}
.extranet .search-bar{
	margin-top:40px; margin-bottom:15px;
}
.extranet .searchInput{ background-color: rgba(168,168,168,0.48); font-size: 11px}
div.welcome{
	padding:0px!important;
	margin-top: -60px;
}
.extranet header{background-color: rgba(26,30,42, .8); padding-bottom:0px; padding-top:0px}
.extranet footer { background-color: #1a1e2a}.extranet footer span{ display: block}
.extranet .container .bottom-Footer { background-color: rgb(30,51,76); color: #fff!important}
.extranet .bottom-Footer{ background-color: rgb(30,51,76); padding: 15px 0px } 
.extranet h3{ color:#5a7aa7 }
.txt-gray{ color: #767675}
.video-Channel h3, .redes-footer h3{color:#5a7aa7; font-size: 1.75rem; font-weight: 500}
.extranet .social-link{ display: inline-block; padding: 15px; }
.extranet .social-link a{ border: none; display: block; padding: 15px; border-radius: 50%; background-color: #fff; -webkit-box-shadow: 1px 0px 8px 0px rgba(194,194,194,1); -moz-box-shadow: 1px 0px 8px 0px rgba(194,194,194,1); box-shadow: 1px 0px 8px 0px rgba(194,194,194,1);}
.extranet .card{ border-radius: 0px}
.escudo	{ width:65px !important ; margin-right: 10px;padding : 5px;}
.extranet .searchBtn{border-radius: 50%;
    height: 35px;
    width: 35px;
    background-color: #d4d432;;
    text-align: center;
    margin-left: 235px;
    margin-top: -35px;
	
}
.extranet .news{ background-color: #f3f6f9; padding-bottom: 50px; color: #333!important}
.wrap-doc-interes	{ margin-top: -55px; -webkit-box-shadow: 1px 0px 8px 0px rgba(194,194,194,1); color: #333;
-moz-box-shadow: 1px 0px 8px 0px rgba(194,194,194,1); box-shadow: 1px 0px 8px 0px rgba(194,194,194,1);}
.wrap-doc-interes .media { padding-bottom: 15px; border-bottom: 1px solid #f3f3f3; padding-top: 15px}
.wrap-doc-interes .card-body{padding-top: 0px; padding-bottom: 10px}

#MSOZoneCell_WebPartWPQ4 .text-center, #MSOZoneCell_WebPartWPQ5 .text-center{ text-align: right!important}

.events .media{ color: #333!important; padding-bottom:15px;padding-top: 15px }
.events span.h6 { display: block}
.wrap_video_channel{ display: block; overflow: hidden; padding: 50px; min-height: 500px}
.wrap_video_channel .h2 { margin-top: 150px; display: block}

.video-Channel { padding-top: 25px}
.jep-cifras{ background-color: #f6f8fb; padding: 25px 0px}

.quick-links	{ position: relative}
.links-bar {background-color:  #a2b637; padding: 10px 0px; color: #fff; text-align: center; margin-top: -6px}
.links-bar a{ color: #fff; display: inline-block; text-align: center;min-width:150px; width: 200px; font-size: 12px; text-transform: uppercase; padding: 0px 10px; border-right: 1px solid #bdcb3d}
.links-bar .ic_link{ margin-bottom:7px
	
}
.ic_link, .text-link	{ display: block; text-align: center; margin: 0 auto}
.bg_gallery{ min-height: 700px; position: relative;}

/*ALINEACION DE BOTONES DE COMPARTIR*/
.socialmedia{}
.socialmedia .visitas{ padding-left: 25px; background: url("../../images/img/visibility-button.svg") no-repeat left center}


/*.galleryOverlay{position: absolute; background-color: rgba(26,30,42, .5); width: 100%; top: 0; left: 0; z-index: 0; height: 100%}*/

/*AJUSTES CONTENT NEWS AND RELATED DOCS*/
#WebPartWPQ30{
	float:right; width:75%;
}

#MSOZoneCell_WebPartWPQ4{ background-color:#fff; -webkit-box-shadow: 1px 0px 8px 0px rgba(194,194,194,1);
    color: #333;
    -moz-box-shadow: 1px 0px 8px 0px rgba(194,194,194,1);
    box-shadow: 1px 0px 8px 0px rgba(194,194,194,1); padding:25px;
	
}
#WebPartWPQ4 .ms-accentText2 {color:#0077bb;	
}
#WebPartWPQ4 .cbs-picture3LinesDataContainer, #WebPartWPQ4 .cbs-picture3LinesLine1Link,#WebPartWPQ4 .ms-rtestate-field h2{
	width:100%!important;
}

.navbar-brand > img {
    /*display: initial !important;*/
}
.logoMobile{display:none}
.logoDesktop{ height:70px!important;}
.accessibility-controls a{
	 height:25px; width:25px; background-color:#fff; display:inline-block; border-radius:50%; text-align:center;
}
.accessibility-controls a img{
	border-radius:50%;
}
#contentBox{ margin-left: 0px; margin-right: 0px}
#s4-bodyContainer > #s4-titlerow, .ms-dialogHidden{ }
.wrap-highlightedNews label:hover{ cursor: pointer!important}

/*RESPONSIVE BEHAVIOR*/
@media (max-width: 768px) { 
	.links-bar, .wrap-doc-interes{ margin-top: 0px}
	footer{ background-color: #1a1e2a}
	.footer img{ width: 150px}
	.mainHeader{position:relative; z-index:3; width:100%;}
	.mobileMenu{ float:left; display:inline-block; margin-top:15px}
	.navbar-brand{float:left; margin-left:55px;}
	.tableCol-50{width:100%; display:block;}
	.cbs-largePictureDataContainer { top:10%;}
	.wrap_video_channel{ height:auto; min-height:inherit}
	.extranet .search-bar{ margin-top:15px;}
	.logoDesktop{display:none}
	.logoMobile{display:inline-block; height:60px;}
	li.static{ width:100%;background-color: black;}
	ul.dynamic *, ul.dynamic{color:#000}
	ul.dynamic li{ width:100%}
	.cbs-picture3LinesLine1{ font-size: 1em;}
	div.welcome{ margin-top: 0px}
	.links-bar a{ width: 45%; margin-bottom: 15px; min-height: 80px; border-right: none}
	.links-bar .clearfix{display: none}
	#WebPartWPQ3 ul{ width:100%; margin: 0 auto}
	#WebPartWPQ3 li{ width: 100%; float: none; display:block; border-bottom: 1px solid #ccc}
	.wrap-highlightedNews .card{ min-height:50px;}
	


}


@media (max-width: 1280px) {
#WebPartWPQ30 {float:left; }
}
 