/* Google Fonts */
/* @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic); */
/* IcoMoon */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-sydcwt');
	src:url('fonts/icomoon.eot?#iefix-sydcwt') format('embedded-opentype'),
		url('fonts/icomoon.ttf?-sydcwt') format('truetype'),
		url('fonts/icomoon.woff?-sydcwt') format('woff'),
		url('fonts/icomoon.svg?-sydcwt#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


:root {
	--backnd-yellow-dii: #ffd525;
}

/* para laptos */
@media screen and (max-height:640px ) {
	.nav-item {
		margin-bottom: 8px;
	}
	.nav-item a {
		font-size: 1rem;
	}
}

@media screen and (max-width:991px ) {

	.wrapper-img-payonline,  {
		display: none;
	}
	.col-social {
		display: none;
	}

	#site-nav {
		display: none;
	}

	aside {
		display: none;
	}

	.pg-h-02 {
		display: none !important;
	}

	.wraper-menu-not-movil{
		display: none;
	}


	#sas-cont{
		display: none;
	}
	.mo-menu {
		width: 100%;
		height: 40px;
		display: block;
		position: fixed;
		z-index: 99;
		background: #d83135;
	}
	.mo-m-logo {
		margin: 5px;
		float: left;
	}
	.mo-menu .bt-menu {
		display: block;
		width: 40px;
		height: 40px;
		float: right;
		color:#fff;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		font-size: 1.2em;
		line-height: 40px;
	}
	.sp-nav {
		width: 80%;
		left: -100%;
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 40px;
		background-color: #d83135;
	}
	.sp-menu li, .sp-menu li:last-child {
		width: 100%;
		height: 40px;
		line-height: 40px;
		display: block;
		float: left;
	}
	.sp-a {
		width: 100%;
		height: 40px;
		line-height: 40px;
		padding: 0px 0px 0px 0px;
		font-size: 1em;
		color: #555;
		text-shadow: none;
	}
	.sp-a::before {
		content: "\00BB ";
	}
	.sp-s::after, .sp-s::before, .sp-s-b::after, .sp-s-b::before {
		content: "";
	}
	.sp-s, .sp-s-b {
		background-color: #b9161a;
		padding: 0px 0px 0px 10px;
		text-transform: capitalize;
		color: #FFF;
	}
	#sas-cont {
		padding-top: 50px;
	}
}
@media screen and (max-width:991px ) {

	
	.sp-a {
		padding: 0px 5px;
	}

	.btn-h-vv {
		width: auto;
		font-size: 1.1rem;
	}

	#sn-navbar li a {
		font-size: .9rem;
	}



	
}

@media screen and (max-width: 1100px){
	
	
	.btn-h-vv {
		width: auto;
		font-size: 1.1rem;
	}
	
	#sn-navbar li a {
		font-size: .9rem;
	}

	
}

@media screen and (min-width: 992px){
	.mo-menu { display: none; }
}





/* PACE */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #9f1114;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px;
}
/* Global */
body {
	overflow-x: hidden !important;
	background-color: #f9f9f9;
}
*, a, a:hover, a:visited, a:active, *:focus {
	text-decoration: none;
	outline: none !important;
}
*:focus {
	text-decoration: none !important;
}


/* nuevo home */
/* Sup-bar 
Este es el del nav inicial*/
#sup-bar {
	width: 100%;
	height: auto;
	/* background: rgb(183, 52, 55); */
	background: #fff;
	/*background: #ff8000;*/
	/* border-bottom: 3px solid #bd1b1f; */
}

  /* update */
  .pg-h-01 {
	background-color: rgb(240, 44, 47);
	border-bottom: 1px solid #d5272a;
  }

  
.pg-h-01 button {
	margin-bottom: 0 !important;
}

.pg-h-02 {
	display: flex;
	justify-content: space-between;
  }
  
  
  .pg-h-02 .logo {
  position: relative;
  width: 250px;
  margin-top: 7px;
}

.pg-h-02 .logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}


.pg-h-02 .sp-h-sb {
	display: flex;
	justify-content: flex-end;
	min-width: 60%;
	margin: 5px 0;
}

/* buscador */
.sp-h-sb .pg-search {
	display: flex;
	align-items: center;
}

/* three row of header */
.pg-h-03 {
	background-color: #fff;
}
.pg-h-03 .row {
	display: flex;
	justify-content: center;
	align-items: baseline;
	/* background-color: #fff; */
  }


  .sp-h-social {
	display: flex;
	justify-content: space-between;
	/* padding: 0 0; */
	padding-left: 19px;
	margin: 0 auto;
	/* margin-right: -15px; */
}

.sp-h-social .nav-link-social {
	display: flex;
	width: 4rem;
	height: 4rem;
	border-radius: 100%;
	transition: background-color .6s;
}


.sp-h-social .nav-link-social:hover {
	background-color: rgb(236, 236, 236);
	color: #fff;
}

.sp-h-social .nav-link-social i {
	font-size: 2rem;
	/* color: rgba(255,255, 255, .4); */
	/* color: #FFF; */
	color: #918F8F;
    margin: auto;
    transition: color .6s;
}


/******** site-nav **********/
#site-nav {
	position: relative;
	width: 100%;
	height: 35px;
	/* background-color: rgb(240, 44, 47); */
	background-color: #ffd500;
	border-bottom: 1px solid #8683839c;
}


#sn-cont {
	width: 100%;
	height: 30px;
	position: relative;
}


/* ventanillas */
.btn-h-vv {
	color: #444444;
	/* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */
	/* background-color: #e6e7e8; */
	width: 179px;
	letter-spacing: 2px;
	/* background-color: #f5f5f5; */
	border: 1px solid #ffd500;
}

.btn-h-vv:nth-last-child() {
	width: 210px !important;
}



.menu-pg-h-04 {
	display: flex;
	/* background: #333; */
  }
  
  .menu-pg-h-04 ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
  }
  
  .menu_item-pg-h-04 {
	/*Crece o disminuye segun la necesidad*/
	flex: auto;
	position: relative;
  }
  
  .menu_link-pg-h-04 {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: .5em;
	text-align: center;
  }
  
  .menu_item-pg-h-04 > ul {
	position: absolute;
	display: none;
	background-color: #d12023;
  }
  
  .menu_item-pg-h-04:hover > ul {
	display: block;
  }
  
  .menu-pg-h-04  .menu_item-pg-h-04  ul  ul {
	top: 0;
	right: 100%;
	/* margin-right: 1px; */
	transition: ease .6s;
  }
  
  .menu_item-pg-h-04 ul a {
	white-space: nowrap;
	text-align: center;
	padding: 3px;
	text-decoration: none;
	color: #444;
	box-shadow: none !important;
  }


  #sn-navbar li {
	height: 30px;
}

#sn-navbar li a {
	padding: 0px 25px;
	line-height: 34px;
	color: #444;
	font-size: 0.9em;
	font-weight: 700;
	/* text-shadow: 1px 1px 0 rgba(0,0,0,0.25); */
	border-right-width: 1px;
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, transparent), color-stop(0.5, #00a45b), color-stop(0.5, #00a45b), color-stop(1, transparent)) 0 100%;
    border-right-width: 1px;
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
}


/* menu hover */
.snd-collection {
	background-color: #fff;
	position: absolute;
	top: 37px;
	left: -15px;
	display: none;
	z-index: 99999999 !important;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	padding: 10px 0px 0px 0px !important;
	margin: 0px !important;
	font-size: 0.9em;
	/* border-bottom: 3px solid #007642; */
}

.snd-collection li a {
	padding: 7px 0px;
	display: inline-block;
	width: 100%;
	text-align: left;
	font-size: 1em;
	/* font-size: 0.96em; */
}


.snd-collection-soy li a {
	padding: 5px 10px;
	letter-spacing: .1rem;
	font-size: 1.3rem;
	text-align: center;
}


.my-btn-uno {
    color: white;
	text-align: center;
	/* background: linear-gradient(180deg, rgba(250,5,46,1) 3%, rgba(140,26,40,1) 100%); */
	background: linear-gradient(180deg, rgb(0, 118, 66) 3%, rgb(4, 81, 47) 100%);
}


/* duda si se utiliza */
/* li.dropdown a, ul.dropdown-menu a {
	border: none !important;
} */
#sn-navbar li > a:hover{
	background-color: #FFF;
	/* background-color: rgb(244, 112, 114); */
	/* background-color: #b71d1f; */
	/* background-color: #146245; */
}



/* ********************  la nueva barra left ******************** */

/* la barra cuando tenga aside y la clase .active... */
aside.active::before {
	content: '';
    transform: translate(0,0);
    /* opacity: 1; */
    transition: opacity .6s;
}

.active .sidebar {
    transform: translateX(0);
}

.active .zoom-content {
    transform: translate3d(26rem,0,0) rotateX(-1deg);
    /* transform: translate3d(26rem,0,0) rotateY(15deg); */
    /* transform: translate3d(0,0,-45rem); */
}


main {
    perspective: 100rem;
}

.zoom-content {
    transform-style: preserve-3d;
    transition: transform .6s cubic-bezier(0.95, 0.05, 0.795, 0.035);
}



.sidebar {
	background-color: rgb(230 231 232);
	/* background-color: rgb(0, 118, 66); */
    /* background-color: #d83135; */
    /* background-color: #1f253d; */
    position: fixed;
    top: 0;
    left: 0;
    width: 28rem;
    height: 100vh;
    display: flex;    
    flex-direction: column;
    justify-content: space-between;
	padding: 1.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
    z-index: 1000;
    transform: translateX(-100%);
		transition: transform .6s cubic-bezier(0.95, 0.05, 0.795, 0.035);
		background-image: url('https://www.ucp.edu.co/portal/wp-content/uploads/2020/08/logo-circle.png');
background-repeat: no-repeat;
background-position-x: left;
/* background-size: 100%; */
background-position-y: top;
}



.sidebar.toggle-left button {
	position: absolute;
	width: 50px;
	height: 250px;
    top: 40%;
    left: 97%;
	background-color: rgb(255, 213, 0);
	color: #444444;
	/* border-color: #959595; */
	border-radius: 0px;
	border-right: 3px solid #20261c;
    /* ejes: x,y */
    /* transform: translate(-100%,-100%); */
    /* opacity: 0; */
    z-index: 999;
    transition: opacity .6s, transform .2s .6s;
}

.sidebar.toggle-left button p {
	display: block;
	position: absolute;
	top: 48%;
	right: -66px;
	text-transform: uppercase;
	font-weight: 700;
	transform: rotate(-90deg);
	-ms-transform:rotate(-90deg); /* IE 9 en adelante*/
	-webkit-transform:rotate(-90deg); /* Opera, Chrome, y Safari */
}

.sidebar.toggle-left button i {
	font-size: 4rem;
	position: absolute;
	top: 1%;
	left: 38%;
}


.fa-angle-left {
    display: none;
}

.active .fa-angle-left {
    display: block;
}

.active .fa-angle-right {
    display: none;
}


.nav-list {
	list-style: none;
	padding-left: 0;
}

.nav-item {
	position: relative;
	margin-bottom: 17px;
	/* border-bottom: 2px solid #006639; */
}

.nav-item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: linear-gradient(to right, #2af598 0%, #2af598 100%);
}



.nav-link {
    display: block;
		font-size: 1.6rem;
		padding: 5px;
		border-radius: 10px;
		text-align: center;
		color: #FFF;
    /* color: rgba(255, 255, 255, .4); */
    /* text-transform: uppercase; */
    line-height: 1.9rem;
    letter-spacing: 1.4px;
	transition: all .6s;
	white-space: nowrap;
}

.a-vpv { background-color: rgb(0, 118, 66); }
.a-dii { background-color: rgb(60, 180, 120); }
.a-radio { background-color: rgb(108, 190, 79); }
.a-ciuc { background-color: rgb(187, 203, 64); }
.a-biblio { background-color: rgb(245, 134, 52); }
.a-ps { background-color: rgb(204, 87, 112); }
.a-cf { background-color: rgb(182, 100, 162); }
.a-cie { background-color: rgb(123, 133,192); }
.a-cap { background-color: rgb(2, 85,192); }
.a-tm { background-color: rgb(52, 156,214); }



.nav-link:hover {
	color: #053422;
	font-weight: 700;
    
}


.nav-link i {
    font-size: 1.3rem;
    margin-right: 1rem;
}
.list-group-item {
    padding: 15px 15px;
}

/* PSE */

.h-flota-pay-online {
	display: inline-block;
	position: absolute;
	background-color: #ffd500;
	
	border-radius: 50px 0 0 50px;
	top: 8%;
	/* bottom: -158%; */
	padding: 10px;
	right: 0;
	width: 160px;
	z-index: 10000;
	/* height: 100px; */
}

.h-flota-pay-online a{
	font-weight: 700;
	color: #053422;
}

/* oferta Pre, pos, FC */
.w-h-oferta-aca {
	position: relative;
	width: 100%;
	/* height: auto; */
	/* background-color: #f5f5f5; */
	/* border-top: 2px solid #d5d7a2; */
	/* background: rgb(0,90,50);
	background: linear-gradient(180deg, rgba(0,90,50,0.9303921397660627) 0%, rgba(255,255,240,1) 80%);  */
	/* border-bottom: 10px solid #d5d7a2; */
	padding-top: 50px;
}


.wrapper-h-type-oferta {
	position: relative;
	background-color: #fff;
	padding: 0;
	margin: 20px 4px;
	cursor: pointer;
	transition: all ease .6s;
}

.wrapper-h-type-oferta .caption {
	position: absolute;
	top: 12px;
	width: 47%;
	padding: 10px;
	margin: 0;
	color: #FFF;
	text-align: end;
	text-transform: uppercase;
	background-color: rgba(219, 12, 12, 0.71);
	overflow: hidden;
	transition: all ease .5s;
}

.wrapper-h-type-oferta:hover .caption {
	font-weight: 700;
	font-size: 1.3em;
}

.wrapper-h-type-oferta:hover {
	transform: scale(1.1);
	box-shadow: 10px 10px 20px 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 10px 10px 20px 5px rgba(0, 0, 0, .1);
	-moz-box-shadow: 10px 10px 20px 5px rgba(0, 0, 0, .1);
}

.wrapper-h-type-oferta .img-pregrado img {
	width: 100%;
	display: block;
	border-radius: 7px 7px 0 0;
}

.wrapper-h-type-oferta h3 {
	text-transform: uppercase;
	text-align: center;
	color: #37443c;
}

.wrapper-h-type-oferta .info-preposfcon {
	display: flex;
	flex-direction: column;
}

.masinfo-preposfcon {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}
.masinfo-preposfcon a {
	padding: 10px 37px;
	background-color: #00804e;
	color: #fff;
	font-size: 1.1em;
	border-radius: 2px 2px;
	font-weight: 600;
}
/* end oferta */




























/* posible clase huerfana */
.sp-a {
	line-height: 36px;
	color: #FFF;
	padding: 0px 5px;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	text-shadow: 1px -1px 0 rgba(0,0,0,0.25);
}
.sp-s {
	text-transform: uppercase;
}
.sp-s::after {
	content: " \00BB";
}
.sp-a:hover:not(.sp-s) {
	color: #fff;
	background-color: #bd1b1f;
	cursor: pointer;
}
.int-btn {
	display: block;
	background-color: #bd1b1f;
}
/* Menu */
header {
	width: 100%;
}
/* .mo-menu {
	display: none;
} */
.sp-menu {
	width: 100%;
	list-style: none;
	margin-left: 0px !important;
	padding-left: 0px !important;
}
.sp-menu li {
	display: block;
	float: left;
}
#sp-e-subs {
	font-weight: 400;
	cursor: default;
	margin-left: 0px !important;
	padding-left: 0px !important;
}




/*Start new social*/
	/*redes sociales y buscador*/
		.sas-social {
			position: fixed;
			left: 0;
			top: 400px;
			z-index: 2000;
			/*background-color: #fff;*/
			webkit-box-sizing: border-box;
			-moz-webkit-box-sizing: border-box;
			-ms-webkit-box-sizing: border-box;
			-o-webkit-box-sizing: border-box;
			webkit-box-sizing: border-box;		
		}

		.sas-social ul{
			list-style: none;
			padding-left: 0;
		}
		.sas-social ul li a{
			display: inline-block;
			padding: 15px 20px;
			background-color: #fff;
			color: #fff;
			text-decoration: none;
			-webkit-transition: all 1000ms ease;
			-moz-webkit-transition: all 500ms ease;
			-ms-webkit-transition: all 500ms ease;
			-o-webkit-transition: all 500ms ease;
			transition: all 500ms ease;
		}

		/*Animations*/
	.sas-social ul li .icon-facebook{width: 51px; font-size: 1.1em; border-radius: 0 1rem 0px 0px; background-color: #395693;}
	.sas-social ul li .icon-instagram{width: 51px; font-size: 1.1em; border-radius: 0px 0px 0px 0px; background-color: #ef7f1a;}
	.sas-social ul li .icon-twitter{width: 51px; font-size: 1.1em; border-radius: 0px 0px 0px 0px; background-color: #1d9cec;}
	.sas-social ul li .icon-youtube{width: 51px; font-size: 1.1em; border-radius: 0px 0px 0px 0px; background-color: #ff0000;}
	.sas-social ul li .icon-linkedin{width: 51px; font-size: 1.1em; border-radius: 0px 0px 1rem 0px; background-color: #0077B5;}
	.sas-social ul li .icon-whatsapp{width: 51px; font-size: 1.1em; border-radius: 0px 0px 0px 0px; background-color: #007642;}


	.sas-social ul li a:hover{
		background-color: rgba(0,0,0,.5);
		padding-left: 20px;
	}
/*end new social*/


/* Social and search */
#sas-cont {
	height: auto;
	padding-bottom: 10px;
	margin-top: 10px;
}
/* sas-social */
.sas-social {
	width: auto;
	height: auto;
	float: right;
}
.sas-s-icon {
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	background: #FFF;
	border-radius: 16px;
	color: #777;
	margin: 0px 2px;
	border: 2px solid #777;
	position: relative;
	-webkit-transition : border 500ms ease-out;
  	-moz-transition : border 500ms ease-out;
  	-o-transition : border 500ms ease-out;
  	transition : border 500ms ease-out;
}
.sas-s-icon:hover {
	color: #007b44;
}
.icon-facebook:hover {
	color: #005ca5;
	border-color: #005ca5;
}
.icon-facebook::before {
	content: "\e610";
}
.icon-twitter:hover {
	color: #20b8ff;
	border-color: #20b8ff;
}
.icon-twitter::before {
	content: "\e612";
}
.icon-y-e {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 4px auto;
	background-color: #777;
	color: #FFF;
	font-size: 14px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.icon-youtube:hover {
	border-color: #e02f2f;
}
.icon-y-e:hover, .icon-youtube:hover .icon-y-e:not(:hover) {
	color: #FFF;
	background-color: #e02f2f;
}
.icon-y-e::before {
	content: "\e613";
}
.icon-google-plus::before {
	content: "\e60f";
}
.icon-google-plus:hover {
	color: #da4835;
	border-color: #da4835;
}
.icon-instagram:hover {
	color: #125688;
	border-color: #125688;
}
.icon-instagram::before {
	content: "\e611";
}
.icon-l-e {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 4px auto;
	background-color: #777;
	color: #FFF;
	font-size: 14px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	font-family: 'Source Sans Pro', sans-serif;
}
.icon-linked-in:hover {
	border-color: #125688;
}
.icon-l-e:hover, .icon-linked-in:hover .icon-l-e:not(:hover) {
	color: #FFF;
	background-color: #125688;
}

/* sas-search, posible clase huerfana */
/* .sas-search {
	width: 215px;
	height: auto;
	margin-top: 10px;
	float: right;
} */
.iga-e-s {
	background-color: #f7f7f7;
	color: #d5d5d5;
}
.iga-e-s-open {
	background-color: #d83135;
	color: #FFF;
	border-color: #9d0a0d;
	cursor: pointer;
}
.iga-e-s-open:hover {
	color: #FFF;
	background-color: #c52327;
}
/* Search-overlay */
#search-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.85);
	display: none;
	overflow-y: scroll;
	z-index: 999;
}
#so-sug-content {
	margin-top: 160px;
}
#so-sug-title {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #FFF;
	font-size: 2em;
	margin: 0px 0px 10px 15px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
}
.so-sug-st {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #FFF;
	font-size: 1.2em;
	margin: 0px 0px 10px 15px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
}
.so-sug-column {
	margin-top: 50px;
	padding-top: 10px;
}
.so-sug-btn {
	display: block;
	width: 100%;
	height: 40px;
	background-color: #FFF;
	margin: 10px 0px;
	color: #333;
	line-height: 40px;
	font-size: 1em;
	color: #555;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.5);
	-webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
  	-o-transition: all 0.25s ease-in-out;
  	transition: all 0.25s ease-in-out;
}
.so-sug-btn:hover {
	margin-left: 10px;
	background-color: #007b44;
	color: #fff;
}
.so-sug-btn span {
	display: block;
	float: left;
	line-height: 40px;
	width: 40px;
	height: 40px;
	background-color: #007b44;
	color: #FFF;
	margin-right: 10px;
	margin-top: -1px;
	text-align: center;
	font-size: 1em;
}


#sn-cont {
	width: 100%;
	height: 30px;
	position: relative;
}
#site-logo {
	position: absolute;
	left: 0px;
	bottom: 4px;
}
#sn-navbar li {
	height: 30px;
}

/* duplicada */
/* #sn-navbar li a {
	padding: 0px 18px;
	line-height: 30px;
	color: #fff;
	font-size: 0.9em;
	font-weight: 700;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
	border-right-width: 1px;
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, transparent), color-stop(0.5, #00a45b), color-stop(0.5, #00a45b), color-stop(1, transparent)) 0 100%;
    border-right-width: 1px;
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
} */


/* li.dropdown a, ul.dropdown-menu a {
	border: none !important;
} */
/* #sn-navbar li a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: #005a32;
} */

/* duda si se utiliza */
/* #sn-cont .dropdown-menu {
	background-color: #007b44;
} */
/* Revolution Slider */
.putRevSlider {
	width: 100% !important;
	height: auto;
}

.border-slider { border-radius: 0 0 25px 25px; }
.prs-of {
	border-bottom: 2px solid #ffd525;
	outline: 1px solid #979797;
}
.prs-ins {
	border-bottom: 2px solid #017c45;
	outline: 1px solid #979797;
}
.prs-mb {
	margin-bottom: 12px;
	outline: none !important;
}
.prs-event {
	position: relative;
}
.temp-clock {
	position: absolute;
	right: 15px;
	bottom: 15px;
	background-color: rgba(255,255,255,0.75);
	z-index: 98;
	padding: 5px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}
/* Ofert */
#of-cont-of, #po-aca-cont {
	width: 100%;
	height: 120px;
	background-color: #ebf0cc;
	border-top: 2px solid #d5d7a2;
	border-bottom: 10px solid #d5d7a2;
}
@media screen and (max-width:768px ) {
#of-cont, #po-aca-cont {
	height: auto;
}
 }
@media screen and (max-width:992px ) {
#of-cont, #po-aca-cont {
	height: auto;
}
 }
.of-btn {
	display: block;
	height: 115px;
	background: #0b8556 url('./images/of-rb.jpg') center right no-repeat;
	border-top: 2px solid #005a32;
	margin-top: -2px;
	border-bottom: 5px solid #005a32;
	text-align: center;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	line-height: 110px;
	text-shadow: 0px 2px 3px rgba(0,0,0,0.8);
}
.of-btn:hover {
	color: #fff;
}
.of-btn:first-child {
	border-left: 2px solid #005a32;
}
.of-btn:last-child {
	border-right: 2px solid #005a32;
}
/* Events and news */
.ho-ti-cont {
	margin-top: 10px;
}
.ho-ti-col {
	margin: 10px 0px;
}
.ho-title {
	font-weight: 700;
	font-size: 1.2em;
	font-family: 'Source Sans Pro', sans-serif;
	color: #555;
	margin: 2px 0px 10px 0px;
	padding: 0px;
	background: url('./images/ho-title-bg.png') left center repeat-x;
}
.ho-title span {
	display: inline-block;
	background: #f9f9f9;
	padding-right: 10px;
}
#ean-content {
	width: 100%;
	height: auto;
	background-color: #f6f6f6;
	border-top: 1px solid #ededed;
	border-bottom: 20px solid #ededed;
}
#ho-events, #ho-news  {
	min-height: 320px;
	padding-top: 10px;
}
#ho-events, #ho-news {
	position: relative;
}
#carousel-ho-news {
	min-height: 200px;
}
/* events */
#carousel-ho-events {
	height: 300px !important; 
	min-height: 300px;
	position: relative;
	padding-top: 7px !important;
}
#ho-e-controls {
	width: 270px;
	height: 20px;
	font-family: 'Source Sans Pro', sans-serif;
	position: absolute;
	display: block;
	background-color: #00804e;
	padding: 0px 10px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	line-height: 20px;
	font-size: 0.96em;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
	-webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
  	-o-transition: all 0.25s ease-in-out;
  	transition: all 0.25s ease-in-out;
  	z-index: 99;
  	bottom: 4px !important;
  	left: 10px !important;
}

.ev-box {
	display: block;
	width: 100%;
	height: 60px;
	margin-bottom: 15px;
}
.evb-date {
	width: 51px;
	height: 60px;
	float: left;
	background: url('./images/evb-date.png') top left no-repeat;
}
.evb-d-h {
	width: 51px;
	height: 17px;
	display: block;
	text-align: center;
	line-height: 17px;
	color: #fff;
	font-size: 0.8em;
	text-transform: uppercase !important;
}
.evb-d-b {
	width: 51px;
	height: 35px;
	display: block;
	text-align: center;
	color: #666;
	line-height: 35px;
	font-size: 1.6em;
	font-weight: 700;
}
.evb-dt-h {
	width: 51px;
	height: 17px;
	display: block;
	text-align: center;
	line-height: 17px;
	color: #fff;
	font-size: 0.8em;
}
.evb-dt-b {
	width: 51px;
	display: block;
	text-align: center;
	color: #666;
	line-height: 0.8em;
	font-size: 0.8em;
	font-weight: 700;
	margin-top: 4px;
}
.evb-dt-c {
	width: 51px;
	display: block;
	text-align: center;
	color: #666;
	line-height: 1.4em;
	font-size: 1.4em;
	font-weight: 700;
}
.evb-exc {
	display: inline-block;
	width: 195px;
	max-width: 195px;
	max-height: 60px;
	float: left;
	text-align: left;
	margin-left: 15px;
	font-size: 0.9em;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 10px;
	position: relative;
	color: #2b2b2b;
}
.evb-exc-more {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 12px;
	height: 12px;
	background-color: #007b44;
	line-height: 11px;
	font-size: 11px;
	color: #fff;
	text-align: center;
}
.evb-exc-more::before {
	content: "\00BB ";
}

/* carousel-vertical */
.carousel-inner.vertical {
  height: 100%;
}
.carousel-inner.vertical > .item {
  -webkit-transition: .6s ease-in-out top;
  -o-transition: .6s ease-in-out top;
  transition: .6s ease-in-out top;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel-inner.vertical > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .carousel-inner.vertical > .item.next,
  .carousel-inner.vertical > .item.active.right {
    top: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  .carousel-inner.vertical > .item.prev,
  .carousel-inner.vertical > .item.active.left {
    top: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  .carousel-inner.vertical > .item.next.left,
  .carousel-inner.vertical > .item.prev.right,
  .carousel-inner.vertical > .item.active {
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner.vertical > .active {
  top: 0;
}
.carousel-inner.vertical > .next,
.carousel-inner.vertical > .prev {
  top: 0;
  height: 100%;
  width: auto;
}
.carousel-inner.vertical > .next {
  left: 0;
  top: 100%;
}
.carousel-inner.vertical > .prev {
  left: 0;
  top: -100%
}
.carousel-inner.vertical > .next.left,
.carousel-inner.vertical > .prev.right {
  top: 0;
}
.carousel-inner.vertical > .active.left {
  left: 0;
  top: -100%;
}
.carousel-inner.vertical > .active.right {
  left: 0;
  top: 100%;
}
.carousel-indicators {
	width: 50px;
	height: 20px;
	left: 0px !important;
	margin-left: 0px !important;
}
#ci-h-events {
	bottom: -40px;
}
#ci-h-news {
	bottom: -78px;
}
.carousel-indicators li {
	border: 1px solid #999;
}
.carousel-indicators .active {
	background-color: #d0d0d0;
	border: 1px solid #ccc;
}
/* news */
.ho-n-box {
	display: block;
	width: 100%;
	height: 275px;
	position: relative;
	border: 1px solid #979797;
	overflow: hidden;
	background: #000;
}
#hnbox-radio .ho-n-box {
	margin-bottom: 15px;
}
.hnb-familia {
	height: 230px !important;
}
.ho-n-box img {
	opacity: 1;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	-webkit-transform: perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0);
}
.ho-n-box:hover img {
	opacity: 0.7;
	-webkit-transform: perspective(1000px) translate3d(0,0,21px);
	transform: perspective(1000px) translate3d(0,0,21px);
}
.hon-b-sub {
	display: inline-block;
	position: absolute;
	left: 0px;
	bottom: -20px;
	width: 100%;
	text-align: center !important;
	margin: 0px !important;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
}
.hon-bs-title span {
	display: block;
	text-align: center;
	width: 100%;
	line-height: 1.2em;
	border-bottom: 2px solid #ffd525;
	font-size: 1.06em;
	text-shadow: 0px 2px 3px rgba(0,0,0,0.7);
	font-family: 'Source Sans Pro', sans-serif;
	padding: 15px 10px;
}
.hon-b-sub time {
	display: block;
	width: 100%;
	height: 20px;
	text-align: center;
	font-size: 0.9em;
	font-weight: 400;
	line-height: 20px;
	font-style: italic;
	color: #eaeaea;
}
.hon-b-more {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 20px;
	height: 22px;
	background-color: #ffd525;
	color: #121212;
	line-height: 20px;
	text-align: center;
	font-weight: 700;
	font-size: 1em;
}
.hon-b-more::before {
	content: "\00BB ";
}
#ho-news-archive {
	font-family: 'Source Sans Pro', sans-serif;
	position: absolute;
	right: 15px;
	bottom: -20px;
	display: block;
	width: 260px;
	height: 20px;
	background-color: #00804e;
	padding: 0px 10px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	line-height: 20px;
	font-size: 0.96em;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
	-webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
  	-o-transition: all 0.25s ease-in-out;
  	transition: all 0.25s ease-in-out;
  	z-index: 99;
}
#ho-news-archive:hover {
	background-color: #005a32;
}
#ho-n-controls-next {
	width: 20px;
	height: 20px;
	position: absolute;
	margin-left: 15px;
	bottom: -20px;
	left: 30px;
	display: block;
	background: #1b8c60;
	text-align: center;
	line-height: 20px;
}
#ho-n-controls-prev {
	width: 20px;
	height: 20px;
	position: absolute;
	margin-left: 15px;
	bottom: -20px;
	left: 0px;
	display: block;
	background: #1b8c60;
	text-align: center;
	line-height: 20px;
}
#ho-n-controls-prev span, #ho-n-controls-next span {
	line-height: 18px !important;
	font-size: 12px !important;
	color: #fff;
}
/* Quick access */
.panel-cal {
	height: 252px;
}
.hoc-esp-lg-nb {
	border: none !important; 
	position: absolute;
	right: 15px;
	bottom: 0px;
	font-size: 0.96em;
	font-style: italic;
}
.panel-cal #hoc-full {
	color: red;
	font-size: 0.9em;
	font-style: italic;
}
.panel-cal table {
	text-align: center;
	font-size: 0.7em;
	vertical-align: middle;
	border-top: none !important;
}
.panel-cal .table-responsive {
	border-top: none !important;
}
.panel-cal table td {
	padding: 7px 4px !important;
}
.panel-cal-por table td {
 	padding: 15px 4px !important;
}
.panel-cal-por {
	height: auto !important;
}
.panel-cal table td:hover {
	cursor: default;
}
.panel-cal table th {
	width: 14.2%;
	vertical-align: middle !important;
	color: #666;
	font-weight: normal;
	text-align: center;
	padding: 11px 4px!important;
	font-style: italic;
	background: #f5f5f5;
}
.hoc-act, .hoc-act-por {
	position: relative;
	/*border-bottom: 1px solid #00804e;*/
}
.hoc-act:hover {
background: #ebebeb;
/*border-bottom: 1px solid #db3135;*/
}
.hoc-act::before {
	content: " ";
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -2px;
	display: block;
	width: 4px;
	height: 4px;
	background: #00804e;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.hoc-act::before:hover {
	background: #db3135;
}
.cal-por-table td:not(:last-child) {
	border-right: 1px solid #ddd;
}
.hoc-act-por {
	font-weight: bold;
	color: #00804e;
}
.hoc-act-por:hover {
background: #ebebeb;
/*border-bottom: 1px solid #db3135;*/
}
.hoc-act-por::before {
	content: " ";
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -2px;
	display: block;
	width: 4px;
	height: 4px;
	background: #00804e;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.hoc-act-por::before:hover {
	background: #db3135;
}
.cal-por-car-cont {
	color: #fff;
}
.cal-por-car-cont:hover {
	color: #fff;
}
.panel-por-head {
	text-align: center;
}

.hoc-today {
	font-weight: bold;
	color: #00804e;
	font-size: 1em;
	border-bottom: 2px solid #00804e;
}
.panel-h-home {
	background-color: #00804e !important;
	color: #fff !important;
	cursor: default;
}
.badge-cal-head {
	background-color: #7baf4d !important;
	font-size: 11px;
	margin-top: 2px;
}
.ho-panel-link {
	color: #b9b9b9;
	margin-right: 10px;
	font-size: 1.2em;
}
.phc-arr {
	color: #fff !important;
}
.badge {
	background-color: #7baf4d;
}
#nor-menu-iz .badge {
	background-color: #CCC;
}
.norm-tabp table {
	font-size: 0.9em;
}
.norm-tabp th, .norm-tabp td:not(:first-child) {
	text-align: center !important;
}
.norm-tab-sec td:nth-child(2) {
	text-align: left !important;
}
.icon-ho-pi-a::before {
    content: "\e606";
}
.icon-ho-pi-b::before {
    content: "\e609";
}
.icon-ho-pi-c::before {
    content: "\e60c";
}
.icon-ho-pi-d::before {
    content: "\e60e";
}
.icon-ho-pi-e::before {
    content: "\e60d";
}
.icon-ho-pi-f::before {
    content: "\e601";
}
.icon-ho-pi-g::before {
    content: "\e603";
}
.icon-ho-pi-h::before {
    content: "\e600";
}
.icon-ho-pi-i::before {
    content: "\e605";
}
.icon-ho-pi-j::before {
    content: "\e604";
}
.icon-ho-pi-k::before {
    content: "\e602";
}
.icon-ho-pi-l::before {
    content: "\e60a";
}
.icon-ho-pi-m::before {
    content: "\e608";
}
.icon-ho-pi-m::before {
    content: "\e608";
}
.icon-ho-pi-n::before {
    content: "\e607";
}
.icon-ho-pi-o::before {
    content: "\e60b";
}
/* home links */
#ho-links {
	background-color: #f6f6f6;
	padding-left: 10px 0px;
	text-align: center;
}
.ho-links-kit {
	display: inline-block;
	margin: 0px 5px;
	height: 49px;
	background-image: url('./images/ho-links-kit.png');
}
#hol-a {
	width: 130px;
	background-position: 0px 0px;
}
#hol-b {
	width: 95px;
	background-position: 0px -49px;
}
#hol-c {
	width: 130px;
	background-position: 0px -100px;
}
#hol-d {
	width: 96px;
	margin: 0px 10px;
	background-position: 0px -150px;
}
#hol-e {
	width: 110px;
	background-position: 0px -200px;
}
#hol-g {
	width: 120px;
	background-position: 0px -250px;
}
#hol-h {
	width: 120px;
	background-position: 0px -300px;
}
#hol-i {
	width: 132px;
	background-position: 0px -349px;
}
/* footer */
#slogan {
	display: block;
	width: 100%;
	/* height: 40px; */
	/* background-color: #ededed; */
	/* line-height: 40px;  */
	text-align: center;
	font-size: 3rem;
	font-style: italic;
	color: #FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
}
footer {
	width: 100%;
	background-color: #d83135;
	padding-top: 10px;
	color: #fff;
}
.fo-title {
	color: #fff;
	font-weight: 700;
	font-size: 1.1em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	margin: 2px 0px 10px 0px;
	padding: 0px;
	background: url('./images/fo-title-bg.png') left center repeat-x;
}
.fo-title span {
	display: inline-block;
	background: #d83135;
	padding-right: 10px;
	color: #fff;
}
#fo-qc {
	font-size: 0.9em;
}
address {
	display: inline;
	font-size: 0.9em;
}
#fo-qc-tel {
	color: #fff;
	border-bottom: 1px dashed #ffdbdc;
	text-decoration: none;
	font-size: 0.9em;
}
footer ul {
	list-style: none;
	margin: 0px;
	padding-left: 0px;

}
footer ul li::before {
	content: "\00BB ";
	font-size: 0.9em;
	color: #ffdadb;
}
footer ul li a {
	color: #ffdadb;
	font-size: 0.96em;
	line-height: 1.7em;
	padding-left: 5px;
}
footer ul li a:hover {
	color: #fff;
}
#disclamer {
	width: 100%;
	height: auto;
	padding: 5px 0px;
	text-align: center;
	background-color: #ba2a2d;
	font-size: 0.86em;
	color: #e5bdbe;
}
#disclamer a {
	color: #fff;
}
/* page-layouts */
#pg-cont {
	position: relative;
}
#pg-cont::before, #pg-cont::after {
	content: " ";
	display: block;
	width: 10px;
	height: 100%;
	position: absolute;
	top: -10px;
}
#pg-cont::before {
	background: url('./images/pg-cont-bg.png') top left no-repeat;
	border-right: 1px solid #d5d5d5;
	left: -10px;
}
#pg-cont::after {
	background: url('./images/pg-cont-bg.png') top right no-repeat;
	border-left: 1px solid #d5d5d5;
	right: -10px;
}
.breadcrumb li a {
	color: #777;
}
.breadcrumb li a:hover {
	color: #00804e;
	border-bottom: 1px dotted #00804e;
}
.breadcrumb li.active {
	cursor: default;
}
.breadcrumb {
	margin: 10px 0px;
}
.of-pre-fac-bl {
	border-left: 3px solid #00ADE2;
}
.pg-title {
	font-size: 1.1em;
	color: #666;
	margin: 2px 0px 10px 0px;
	padding: 0px;
	background: url('./images/ho-title-bg.png') left center repeat-x;
	font-weight: 700;
}
.pg-title span {
	display: inline-block;
	background: #FFF;
	padding-right: 10px;
}
#ci-p-news {
	bottom: -40px !important;
	left: 100% !important;
	margin-left: -50px !important;
}
#ci-p-events {
	bottom: -15px !important;
	left: 100% !important;
	margin-left: -40px !important;
}
#carousel-pg-news {
	margin-bottom: 30px;
}
#carousel-pg-events {
	margin-bottom: 10px;
}
.gl-btn-yellow {
	font-family: 'Source Sans Pro', sans-serif;
 	font-style: normal;
	  font-weight: 500;
	  color: #FFF;
	/* color: #79532f; */
	text-shadow: 0px 1px 2px rgba(255,255,255,0.4);
	margin: 10px 0px;
	/* border-top: 1px solid #d6a54f;
	border-left: 1px solid #d6a54f;
	border-right: 1px solid #d6a54f; */
	border-bottom: 1px solid #9e9da8;
	/* background: #00804e; */
	background: #015088;
	/* background: #fbde93; */
	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZGU5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGM1NjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
	/* background: -moz-linear-gradient(top,  #fbde93 0%, #f8c564 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbde93), color-stop(100%,#f8c564));
	background: -webkit-linear-gradient(top,  #fbde93 0%,#f8c564 100%);
	background: -o-linear-gradient(top,  #fbde93 0%,#f8c564 100%);
	background: -ms-linear-gradient(top,  #fbde93 0%,#f8c564 100%);
	background: linear-gradient(to bottom,  #fbde93 0%,#f8c564 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbde93', endColorstr='#f8c564',GradientType=0 ); */
}
.gl-btn-yellow:hover {
	background: #2c3e50;
	/* border-color: #ffd500; */
	color: #f5f5f5;
	/* background: #fad47f;
	border-color: #ac8330;
	color: #79532f; */
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
#pg-cont-of h2, .pg-cont-of h2, .fac-group-dii  {
	height: 35px;
	line-height: 35px;
	display: block;
	background-color: #f1f1f1;
	/* background-color: #7baf4d; */
	font-size: 1.2em;
	padding: 0px 10px 0px 15px;
	font-weight: 400;
	color: #555;
	font-family: 'Source Sans Pro', sans-serif;
	position: relative;
}
#pgc-of-fac-a::before, #pgc-of-fac-b::before, #pgc-of-fac-c::before, #pgc-of-fac-d::before {
	content: " ";
    float: right;
    position: absolute;
    display: block;
    height: 46px;
    width: 35px;
    top: 0;
    right: -30px;
    /* background-image: url('./images/of-fac.png'); */
    background-image: url('./images/of-fac-1.png'); 
		background-repeat: no-repeat;
		z-index: 2;
}
#pgc-of-fac-a::before {
	background-position: 0px 0px;
}
#pgc-of-fac-b::before {
	background-position: 0px -46px;
}
#pgc-of-fac-c::before {
	background-position: 0px -92px;
}
#pgc-of-fac-d::before {
	background-position: 0px -138px;
}
.pgc-of-ic-fac {
	color: #009BD8 !important;
}
.pgc-of-ic-ceya {
	color: #3ca24b !important;
}
.pgc-of-ic-chse {
	color: #DBA630 !important;
}
.pgc-of-ic-cbi {
	color: #d73135 !important;
}
#pg-cont-of h2 a, .pg-cont-of h2 a {
	font-size: 0.9em;
	font-weight: 400;
	font-style: italic;
	color: #00804e;
}
#pg-cont-of ul, .pg-cont-of ul:not('.thumbnails')  {
	padding-left: 25px;	
}
#pg-cont-of ul:not('si-bullets') li, .pg-cont-of ul::not('si-bullets') li {
	list-style: none;
	margin-left: 0px;
}

.si-bullets li {
	list-style: disc;
}
#pg-cont-of ul li::before, .pg-cont-of ul li::before {
	/* content: "\00BB"; */
	padding-right: 5px;
}
#pg-cont-of ul li a, .pg-cont-of ul li a {
	color: #777;
}
#pg-cont-of ul li a:hover, .pg-cont-of ul li a:hover {
	color: #005f3a;
}
#pg-cont-gl {
	margin-top: 30px;
}
.pg-dir-profile {
	width: 100%;
	height: auto;
	padding: 5px;
	margin: 5px 0px 25px 0px;
	text-align: center;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}
.pg-dir-profile b {
	text-align: center;
	color: #555;
}
.btn:not(.btn-m-close) {
	margin-bottom: 10px;
}
.pg-doc-list {
	list-style: none;
	padding: 0px;
}
.pg-doc-list a {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 5px 0px;
	padding: 5px 5px 5px 35px;
	background: url('./images/ic-pdf-min.png') center left no-repeat;
	border-bottom: 1px solid #e7e7e7;
	position: relative;
	color: #555;
}
.pg-doc-list a.docx {
	background: url('./images/ic-docx-min.png') center left no-repeat;
}
.pg-doc-list a.folder {
	background: url('./images/ic-folder-min.png') center left no-repeat;
}
.pg-doc-list a:hover {
	background-color: #f5f5f5;
}
.pg-doc-list a::after {
	content: " \00BB";
	font-size: 8px;
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 12px;
	height: 12px;
	background-color: #007b44;
	color: #fff;
	line-height: 12px;
	text-align: center;
}

.flotante-perfil {
	position: fixed;
	transition: top 2s ease 0s;
	top: 37px;

}


/* Portals */
.poa-btn-box {
	display: block;
	height: 120px;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	padding: 0px;
}
.poa-btn-icon {
	display: block;
	width: 120px;
	height: 118px;
	padding-left: 0px;
	line-height: 120px;
	float: left;
	border-bottom: 10px solid #005a32;
	background: #00804e url('./images/poa-btn.jpg') center right no-repeat;
	font-size: 1.8em;
	color: #b0d4ac;
}
.poa-btn-txt {
	display: block;
	width: 160px;
	height: 110px;
	float: left;
	color: #005a32;
}
.poa-btn-txt h2 {
	display: block;
	float: left;
	width: 100%;
	height: 55px;
	font-size: 15px;
	border-bottom: 2px solid #d5d7a2;
	margin: 0px;
	padding-left: 0px;
	padding-left: 10px;
	text-align: left;
	line-height: 55px;
}
.poa-btn-txt span {
	display: block;
	float: left;
	width: 100%;
	height: 55px;
	font-size: 13px;
	padding: 10px 10px 0px;
	text-align: left;
	color: #3f3f3f;
}
.f-ac {
	text-align: center !important;
}
#po-login-cont {
	width: 50%;
	margin: 0px auto;
}
#po-login-cont .input-group {
	margin: 15px 0px;
}
/* facultad */
.tab-pane {
	margin-top: 10px;
}
.tab-pane ul li::before {
	content: "\00BB" !important;
	padding-right: 5px !important;
}
.et-rra ul {
	padding-left: 5px !important;
	padding-right: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.et-rra ul li::before {
	content: " " !important;
	padding-right: 0px !important;
}
.et-ara {
	margin-left: 20px;
	padding-left: 10px !important;
	border-left: 2px solid #ccc;
}
.ara-doc-sm {
	font-size: 0.96em;
}
.ara-hor-hour {
	font-size: 0.96em;
	color: #777;
	font-style: italic;
}
.ara-panel-pad  {
	margin-bottom: 10px !important;
}
.ara-panel-pad .panel-body {
	padding: 10px !important;
}
.ara-normat-esp {
	font-style: italic;
	font-size: 0.96em;
	color: #777;
}
.ara-contact-info {
	font-size: 0.96em;
	color: #777;
	font-style: italic;
}
.ara-team-contact {
	font-size: 0.96em;
	font-style: italic;
	color: #888;
}
.pg-pub-list {
	list-style: none;
	padding: 0px;
	margin-bottom: 10px;
}
.pg-pub-list a {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 5px 0px;
	padding: 5px 5px 5px 0px;
	border-bottom: 1px solid #e7e7e7;
	position: relative;
	color: #555;
	font-size: 0.9em;
}
.panel-heading a {
	text-decoration: none !important;
}
.panel-heading:hover {
	background-color: #efefef;
}
.esp-caret {
	margin-top: 8px;
}
.pg-pub-list b {
	font-size: 1em;
}
.pg-pub-list img {
	margin-right: 10px;
}
.pg-pub-list a:hover {
	background-color: #f5f5f5;
}
.tabl-docs-gr {
	color: #777;
}
.tabl-docs-gr span {
	color: #c6c6c6;
}
.pg-pub-list a::after {
	content: " \00BB";
	font-size: 8px;
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 12px;
	height: 12px;
	background-color: #007b44;
	color: #fff;
	line-height: 12px;
	text-align: center;
}
.pg-aso-box {
	width: 100%;
	background-color: #fff;
	padding: 10px 0px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 10px 0px;
	border: 1px solid #d1d1d1;
}
.pg-aso-box img {
	margin: 3px 10px;
}
.prs-fac-a {
	border-bottom: 2px solid #009bd8;
}
.prs-fac-b {
	border-bottom: 2px solid #7baf4d;
}
.prs-fac-c {
	border-bottom: 2px solid #DBA630;
}
.prs-fac-d {
	border-bottom: 2px solid #d73135;
}
.prs-fac-inst {
	border-bottom: 2px solid #007642;
}
/* single: event */
.btn-event-remem {
	margin-top: 0px;
}
.temp-img-ev {
	float: left;
	height: 150px;
	margin-right: 15px;
}
/* single: post */
.temp-single-post-d {
	font-size: 0.9em;
	color: #999;
	font-style: italic;
	line-height: 30px;
}
/* temp clock */
div.pgc {
	font-size: 15px;
	color: #212121;
	text-align: justify;
	margin: 10px 0px;
	font-weight: 400;
}
div.pgc b {
	font-weight: 700;
}
div.pgc a {
	font-weight: 700;
	color: #007b44;
}
div.clockc {
	text-align: center;
	margin: 10px 0px;
}
ul.inp {
    list-style: none;
    padding:0;
    margin: 10px 0px 15px 0px;
}
ul.inp li {
	text-align: left;
	font-size: 15px; 
    padding-left: 0px;
    text-indent: -.7em;
}
ul.inp li:before {
    content: "» ";
    color: #848484;
}
.greyc {
	color: #959595;
}
.tp-tab-title {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: 400;
}
.tp-tab {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 26px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  padding-bottom:20px;
  margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 2px;
  width: 26px;
  height: 45px;
  font-size: 15px;
  font-weight: bold;
  line-height: 38px;
  border-radius: 4px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 45px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 15px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 31px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 9px;
  height: 50px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #757575;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  left: 2px; }

.flip-clock-divider .flip-clock-label {
	width: 65px;
	height: auto;
  position: absolute;
  bottom: -1.5em;
  right: 50%;
  color: black;
  font-size: 14px;
  text-transform: capitalize !important;
  text-shadow: none; }

.flip-clock-divider.days .flip-clock-label {
  left: 15px; }
  
.flip-clock-divider.hours .flip-clock-label {
  left: 6px; }
  
  .flip-clock-divider.minutes .flip-clock-label {
  left: 6px; }

.flip-clock-divider.seconds .flip-clock-label {
  left: 5px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }
	
.acf-map {
	width: 100%;
	height: 340px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
.sp-menu li a:focus {
	background-color: #bd1b1f !important;
	text-decoration: none !important;
	color: #fff !important;
	outline: none !important;
}
.gallery-caption {
	font-style: italic;
	font-size: 12px;
	color: #666;
	margin-top: 10px;
}
#site-nav li a:focus {
	background-color: #e4c216 !important;
	outline: none !important;
}
.gl-search-result-item {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #fafafa;
	border-bottom: 1px solid #ebebeb;
	border-left: 3px solid #007642;
	padding-left: 15px;
	margin-bottom: 10px;
}

.snd-col-img {
	width: 100%;
	height: 70px;
	margin-bottom: 5px;
	padding: 15px;
	text-align: center;
	font-weight: 700;
	color: #fff;
	display: inline-block;
	background-color: #007c44;
}

.snd-ci-ar {
	background-color: #26b1e6;
}
.snd-ci-hs {
	background-color: #f7c868;
}
.snd-ci-ea {
	background-color: #7aae4d;
}
.snd-ci-cb {
	background-color: #d83135;
}
.snd-collection ul {
	list-style: none;
}
.snd-collection li {
	font-size: 1em;
	border-bottom: 1px solid #dcdcdc;
}
/* .snd-collection li a {
	padding: 7px 0px;
	display: inline-block;
	width: 100%;
	text-align: left;
	font-size: 0.96em;
} */
.snd-collection li a:active, .snd-collection li a:focus {
	background-color: #fff;
}
.snd-collection li span {
	margin-right: 7px;
}
.esp-modal-t tr td::before {
	content: "\00BB  ";
}
.modal-banner {
	margin-bottom: 15px;
}
#map_canvas {
	width: 100%;
	height: 500px;
	background-color: #FFF;
	margin: 10px auto 20px;
	z-index: 99;
	border: 2px solid #FFF;
}
.gruplac-box {
	position: relative;
	width: 100%;
	height: auto;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.grup-fac-title {
	cursor: pointer;
}
.grup-fac-bagde {
	margin-top: 8px;
	background-color: #999;
}
.gruplac-img {
	position: absolute;
	top: 0px;
	right: 0px;
}
.conv-ta-caract {
	text-align: left !important;
}
.intern-conv-box {
	display: block;
	width: 100%;
	height: 80px;
	padding: 5px 0px;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.intern-conv-box img, .intern-conv-box-2 img {
	margin: 0px auto !important;
}
.intern-conv-box-2 {
	display: block;
	width: 100%;
	height: 80px;
	padding: 5px 0px;
	position: relative;
	text-align: center;
}
.fac-chse-conv-box {
	overflow: visible !important;
}
.carousel-indicators-res {
	width: 100%;
	height: 20px;
	left: 0px !important;
	margin-left: 0px !important;
}
#ci-intern-conv {
	bottom: -40px !important;
	left: 50px !important;
	margin-left: -50px !important;
}
#intern-conve {
	margin-bottom: 40px !important;
}
#vic-pv {
	width: 100%;
	height: auto;
	background-color: #555;
	color: #fff;
	text-align: center;
	background-image: url("images/pv-bg-01.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2em;
	padding: 10px 0px;
}

#vic-pv-sag {
	width: 100%;
	height: 215px;
	background-color: #555;
	color: #fff;
	text-align: center;
	background-image: url("images/pv-bg-single.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2em;
}
#vic-pv h1 {
	margin-top: 30px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}
.vic-e-bg {
	background-attachment: fixed !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
.vic-e-bg-fix {
	background-attachment: scroll;
	-webkit-background-size: auto !important;
	-moz-background-size: auto !important;
	-o-background-size: auto !important;
	background-size: auto !important;
}
.pv-btn {
	display: block;
	width: 300px;
	padding: 15px;
	background: rgba(0,0,0,0.5);
	border: 1px solid #9c9c9c;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	margin: 0px auto;
	color: #fff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:0px 0px 15px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5);
	.webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
  	-o-transition: all 0.25s ease-in-out;
  	transition: all 0.25s ease-in-out;
}
.pv-btn:hover {
	color: #fff;
	background: rgba(0,0,0,0.3);
	border: 1px solid #fff;
}
#vic-pv h1 {
	line-height: 1em;
}
.inst-yr-nav {
	margin-bottom: 15px;
}
.inst-hist-yr-btn  {
	width: 7.1%;
	display: block;
	float: left;
	text-align: center;
	position: relative;
	color: #555;
	font-size: 1em;
	line-height: 1em;
	padding: 5px 0px;
	cursor: pointer;
}
.inst-hist-yb-active {
	color: #337ab7;
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 2px solid #337ab7;
}
p.inst-him {
	text-align: center !important;
	padding: 5px 0px;
}
p.inst-him:hover {
	background: #f5f5f5;
	cursor: help;
}
.rect-column-preview {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
}
.rcp-grad {
	width: 100%;
	height: 80px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.rcp-grad a {
	margin-top: 50px;
}
.rcp-title {
	line-height: 0px;
	color: #d83135;
	font-size: 1.3em;
	font-weight: 700;
}
.rcp-date {
	font-size: 0.96em;
	font-style: italic;
	color: #737373;
	margin-bottom: 35px;
}
.rect-col-mb {
	padding-bottom: 15px;
}
.dir-a {
	width: 100%;
	height: 40px;
	background: #f1f1f1;
	margin-bottom: 7px;
	line-height: 40px;
	padding-left: 15px;
	border-left: 5px solid #007b44;
	font-size: 1em;
}
.dir-a:hover {
	cursor: pointer;
}
.dir-a .dira-inner {
	width: 100%;
	height: auto;
	background: red;
}
.dir-tab {
	margin-bottom: 0px !important;
}
.dir-tab tr td:first-child {
	text-align: right;
}
.dir-well {
	background-color: #fff;
}
.popover-dir:hover {
	cursor: pointer;
	background: #f9f9f9;
}
.snd-col-img:hover {
	color: #fff !important;
}
.lh-pd-bar {
	width: 100%;
	height: auto;
	background: url('images/temp/lh-pd-bar-bg.jpg') repeat-x;
}
.dir-pre-title {
	text-align: left !important;
	font-style: italic;
	background: #ecf3e8;
}
.archiven-item {
	margin: 0px;
}
.archiven-item a {
	font-size: 12pt;
}
.archiven-date {
	margin: 0px;
	font-size: 0.96;
	color: #888;
	font-style: italic;
}
.archiven-dates {
	text-transform: capitalize;
}
#dir-search-ppal {
	width: 100%;
	height: 50px;
	margin: 5px 0px 10px;
	padding: 10px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	outline: none;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(150, 150, 150, 0.25);
-moz-box-shadow:    0px 0px 5px 0px rgba(150, 150, 150, 0.25);
box-shadow:         0px 0px 5px 0px rgba(150, 150, 150, 0.25);
}
.modal-banner-inner {
	margin-bottom: 15px;
}
#nvg-points {
	width: 100%;
	height: 90px;
	background-color: #00804f;
	padding: 15px;
	background: url(https://ucp.edu.co/navega/img/00.jpg) no-repeat top left;
}
#nvg-ref {
	width: 100%;
	height: auto;
	background-color: red;
	position: relative;
}
#nvg-abs {
	position: absolute;
	right: 30px;
	bottom: 30px;
}


#loading-screen {
	position: fixed;
	top: 0;
	z-index: 100;
	min-height: 480px;
	width: 100%;
	height: 100%;
	background: #f1f1f1;
}
#ls-logo-40 {
	position: relative;
	width: 150px;
	height: 150px;
	margin: 300px auto 0px;
	cursor: default;
	text-align: center;
	background: url('https://200.21.98.76/portal/wp-content/themes/UCatolica/images/ls-logo-40.png') no-repeat 55px 55px;
}
#select-menu {
width: 60% !important;
height: 30px;
margin-top: 5px;
margin-right: 5px;
float: right;
}
.sgi-ff {
	color: #333 !important;
	border-bottom: 1px dashed #555;
}
.pd-btn-fac {
	margin-top: 5px;
}
.pd-btn-fac .glyphicon {
	color: #c6c6c6;
	float: left;
	margin-top: 3px !important;
}
.dii-pro {
	font-size: 1em !important;
}
.mh-dii-pro {
	font-size: 1em;
	line-height: 1.4em;
}
.dii-pro-fceya span {
	color: #7baf4d;
}
.dii-pro-fceya b {
	font-weight: normal;
	color: #5a793e;
}
.dii-pro-fcbi span {
	color: #ce2e30;
}
.dii-pro-fcbi b {
	font-weight: normal;
	color: #ce2e30;
}
.dii-pro-fayd span {
	color: #3baee4;
}
.dii-pro-fayd b {
	font-weight: normal;
	color: #2d88b3;
}
.dii-pro-fchsye span {
	color: #d5a51e;
}
.dii-pro-fchsye b {
	font-weight: normal;
	color: #a37c4f;
}
#gip-bg {
	cursor: pointer;
	background: #007642 url('https://www.ucp.edu.co/portal/wp-content/uploads/2018/03/gip-open.png') center center no-repeat;
}
.fe-white {
	color: #fff !important;
}
.thum-dir-fchsye {
	max-width: 140px !important;
	margin: 0px auto;
}
#fchsye-tab-rep .media-heading a {
	color: #555 !important;
}
#fchsye-tab-dir {
	text-align: center !important;
}
.widg-btn {
	position: absolute;
	border: 0px;
	outline: 0px;
}
#wbfc-fac {
	width: 650px;
	height: 95px;
	top: 30px;
	left: 0px;
	background: none !important;
}
#wbfc-com {
	width: 375px;
	height: 130px;
	top: 150px;
	right: 0px;
	background: none !important;
}
.fchsye-est-box {
	width: 100px !important;
	height: auto;
	float: left;
	text-align: center !important;
}
.fchsye-est-box img {
	margin-bottom: 7px;
}
.well-dii-pro {
	margin: 2px 10px 10px;
}
#rector-gallery .col-md-4 {
	margin-bottom: 15px;
}
.dii-com-i-cir {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: #f0f5d7;
	border: 3px solid #cde9d6;
	line-height: 38px;
	color: #008d25;
	text-align: center;
	font-size: 1.2em;
}
.nopadd {
	padding: 0px !important;
}
.paddlft {
	padding-left: 12px;
	padding-right: 0px !important;
}
.paddrgt {
	padding-left: 12px !important;
	padding-right: 12px !important;
}
.dii-gii-btn {
	background: red;
}
.dii-col-inv {
	height: auto;
	max-height: 550px;
	overflow-y: hidden !important;
	overflow-x: hidden !important;
	padding-right: 0px;
}
.ls-logo-bag {
	clear: both;
}
.masis-box {
	display: none;
}
.dii-btngr .button {
	background-color: red !important;
}
.svg {
  margin: 0px;
  display: block;
  -webkit-animation: svg-rotate 8000ms linear infinite;
          animation: svg-rotate 8000ms linear infinite;
}
circle {
  fill: transparent;
  stroke: rgb(0,125,69);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 0, 301.59289;
  -webkit-animation: stroke-dash 2000ms linear infinite, stroke-width 2000ms linear infinite, stroke-color 8000ms steps(4) infinite;
          animation: stroke-dash 2000ms linear infinite, stroke-width 2000ms linear infinite, stroke-color 8000ms steps(4) infinite;
}

@-webkit-keyframes svg-rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes svg-rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes stroke-width {
  0%, 100% {
    stroke-width: 0;
  }
  45%, 55% {
    stroke-width: 2;
  }
  50% {
    stroke-width: 4;
  }
}
@keyframes stroke-width {
  0%, 100% {
    stroke-width: 0;
  }
  45%, 55% {
    stroke-width: 2;
  }
  50% {
    stroke-width: 4;
  }
}
@-webkit-keyframes stroke-dash {
  0% {
    stroke-dasharray: 0, 301.59289;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 301.59289, 0;
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dasharray: 301.59289, 301.59289;
    stroke-dashoffset: -301.59289;
  }
}
@keyframes stroke-dash {
  0% {
    stroke-dasharray: 0, 301.59289;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 301.59289, 0;
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dasharray: 301.59289, 301.59289;
    stroke-dashoffset: -301.59289;
  }
}
@-webkit-keyframes stroke-color {
  from {
    stroke: rgb(0,125,69);
  }
}
@keyframes stroke-color {
  from {
    stroke: rgb(0,125,69);
  }
}

/* Semilleros */
.dii-sem-sbox {
	display: block;
	background: #fff;
	width: 100%;
	height: auto;
	padding: 15px;
}
.animatable .show {
	background: none;
}
.slideshow li {
	width: 800px !important;
}
.dii-sem-memberest {
	list-style: none;
}
.dii-sem-memberest li {
	margin-left: -10px !important;
}
.dii-sem-memberest li span.glyphicon {
	color: #999;
	margin-right: 5px;
	font-size: 0.9em;
}
.hnb-dii-sem {
	height: 170px !important;
	background: #fff !important;
}
.dii-sem-mboxnp {
	padding: 5px !important;
	background: #fff !important;
}
.dii-team-contact {
	margin-top: -5px;
}
.dii-team-contact span {
	color: #a9a9a9;
}
.virt-mon-panel {
	text-align: center !important;
}
.virt-mon-panel h3 {
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: 2px;
}
.virt-mon-panel span.virt-mon-pro {
	font-size: 0.86em;
	color: #666;
}
#radio-player {
	width: 100%;
	height: 135px;
	background: #F0EBE5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}
.radiou-pro-play {
	font-size: 24px;
	color: #25804D;
}
#radioparrilladias button {
	width: 19%;
}
#radiou-app {
	position: absolute;
	left: 430px;
	top: 0px;
	width: 400px;
	height: 90px;
	margin-top: 20px;
}
.radioprofranjas {
	font-style: italic;
	text-align: center;
	background-color: #f2f2f2 !important;
}
#emp-bg-01 {
	background: #fff url('https://www.ucp.edu.co/portal/wp-content/uploads/2016/10/161012-emp-bg-01.jpg') right bottom no-repeat;
}
#emp-bg-02 {
	background: #fff url('https://www.ucp.edu.co/portal/wp-content/uploads/2016/10/161012-emp-bg-02.jpg') right bottom no-repeat;
}
#emp-bg-03 {
	background: #fff url('https://www.ucp.edu.co/portal/wp-content/uploads/2016/10/161012-emp-bg-03.jpg') right bottom no-repeat;
}
#pscard-bg-01 {
	background: #fff url('https://www.ucp.edu.co/portal/wp-content/uploads/2018/09/ps-card-bg-01.jpg') right bottom no-repeat;
}
#pscard-bg-02 {
	background: #fff url('https://www.ucp.edu.co/portal/wp-content/uploads/2018/09/ps-card-bg-02.jpg') right bottom no-repeat;
}
#pscard-bg-03 {
	background: #fff url('https://www.ucp.edu.co/portal/wp-content/uploads/2018/09/ps-card-bg-03.jpg') right bottom no-repeat;
}
#pscard-bg-04 {
	background: #fff url('https://www.ucp.edu.co/portal/wp-content/uploads/2018/09/ps-card-bg-04.jpg') right bottom no-repeat;
}
.emp-logo-min-01 img {
	height: 75px !important;
	width: auto;
}
.rdu-prt-a {
	font-weight: bold;
}
.rdu-prt-b, .rdu-prt-b:hover {
	background-color: #25804D !important;
	color: #fff;
}
.ru-progrm-table td {
	height: 35px;
	vertical-align: middle !important;
}
.ru-progr-playbox {
	width: 100%;
	height: 45px;
	background-color: red;
	padding: 5px 0px;
	overflow: hidden;
    position: relative;
    border:1px solid #EEE;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ru-progr-playbox iframe {
	position: absolute;
    top: -142px;
    left: 0px;
}
/* Financiera */
.fin-np {
	padding-left: 0px;
	padding-right: 6px;
}
.fin-ns {
	padding-left: 3px;
	padding-right: 3px;
}
.fin-nt {
	padding-left: 6px;
	padding-right: 0px;
}
.fin-pb {
	margin-bottom: 10px;
}
.fin17-mt {
	margin-top: 3px;
}
/* Portal del Estudiante (2017) */
#peup-bg {
	background: url('https://www.ucp.edu.co/portal/wp-content/uploads/2015/08/dii-banner-bg-01.jpg') top left no-repeat;
}
.peup-fcol {
	padding: 0px !important;
}
.peup-fcola {
	padding: 0px 15px 0px 0px !important;
}
.peup-md {
	width: 100%;
	height: 100px !important;
	background-color: none !important;
	display: block;
	position: relative;
	overflow: hidden;
}
.peup-md .peup-over {
	display: block;
	width: 100%;
	height: 100px;
	background: #054c2d;
	opacity: 0.75;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	-webkit-transform: perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0);
}
.peup-md:hover .peup-over {
	opacity: 0.85;
	background: #053422;
	-webkit-transform: perspective(1000px) translate3d(0,0,50px);
	transform: perspective(1000px) translate3d(0,0,50px);
}
.peup-md:hover .peup-icon {
	background-color: #fff;
	transition: all 0.5s;
	border: 4px solid #007642;
}
.peup-md h3 {
	color: #fff;
	font-size: 1em;
	position: absolute;
	top: 32px;
	left: 100px;
	z-index: 99;
	margin: 0px;
	padding: 0px;
    font-size: 1em;
    font-family: sans-serif;
    -webkit-transition : all 250ms ease-out;
  	-moz-transition : all 250ms ease-out;
  	-o-transition : all 250ms ease-out;
  	transition : all 250ms ease-out;
  	line-height: 1.4em;
  	text-shadow: 0px 0px 6px rgba(150, 150, 150, 1.0);
}
.peup-md:hover h3 {
	top: 15px;
}
.peup-md p {
	color: #fff;
	font-size: 0.86em;
	position: absolute;
	top: 150px;
	left: 100px;
	z-index: 99;
	-webkit-transition : all 250ms ease-out;
  	-moz-transition : all 250ms ease-out;
  	-o-transition : all 250ms ease-out;
  	transition : all 250ms ease-out;
}
.peup-md:hover p {
	top: 54px;
}
.peup-icon {
	width: 60px;
	height: 60px;
	background: #EBF1CD;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 88;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
	line-height: 57px;
	color: #007642;
	font-size: 1.5em !important;
	border: 4px solid #EBF1CD;
}
.peup-icon-login {
	display: inline-block;
	margin: 20px 0px 25px 0px;
	width: 60px;
	height: 60px;
	background: #007642;
	z-index: 88;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
	line-height: 57px;
	color: #fff;
	font-size: 1.5em !important;
	border: 4px solid #fff;
}
#peup-login {
	height: 300px !important;
	background-color: rgba(255,255,255,0.8);
	text-align: center;
}
#gl-btn-fw {
	width: 300px !important;
}
#peup-loginad {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: 400 !important;
	text-shadow: 2px 2px 5px rgba(50,50,50,0.1);
}
.peup-loginad-t {
	font-size: 1.3em;
	color: #333;
	margin: 0px 0px 7px 0px;
	padding: 0px;
}
.peup-loginad-s {
	font-size: 1em;
	color: #333;
	margin: 0px;
	padding: 0px;
}
#peup-login-rot {
	width: 100% !important;
	white-space: pre;
	color: #007642;
	font-size: 1.6em;
}
/* Home horizontal */
#vic-pv-nw {
	width: 100%;
	height: auto;
	background-color: #555;
	background-image: url("images/pv-bg-01.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}
#vic-pv-nw .col-md-4 {
	padding: 0px !important;
	margin: 0px !important;
}
#todaypic-box {
	width: 100%;
	height: 160px;
	background: #fff;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-top: 20px;
	padding: 10px 12px 10px 12px;
	position: relative;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.30);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.30);
}
#todaypic-box p {
	text-align: left;
	font-size: 0.96em;
	padding: 0px;
	margin: 0px;
	line-height: 1.3em;
}
#todaypic-foo {
	position: absolute;
	bottom: 0px;
	right: 12px;
	width: 250px;
	height: 24px;
	background: #f7f7f7;
}
#todaypic-foo .pull-left, #todaypic-foo .pull-right {
	line-height: 24px;
}
#todaypic-more {
	font-family: 'Source Sans Pro', sans-serif;
	display: block;
	width: 120px;
	height: 24px;
	background-color: #00804e;
	text-align: center;
	text-decoration: none;
	color: #fff;
	line-height: 24px;
	font-size: 0.96em;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
	-webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
  	-o-transition: all 0.25s ease-in-out;
  	transition: all 0.25s ease-in-out;
  	z-index: 99;
}
#todaypic-date {
	line-height: 24px;
	padding-left: 8px;
	font-size: 0.88em !important;
	color: #848484;
}
/* Home boxes (horizontal) */
.hh17-box {
	width: 100%;
	height: 135px;
	background: none !important;
	margin: 10px 0px;
	padding: 0px 5px;
}
.hh17-box-content {
	width: 100%;
	height: 110px;
	background: rgba(255,255,255,0.25);
	position: relative;
	text-align: center;
}
#insc-2017 {
	width: 100%;
	height: 40px;
	background: rgba(255,255,255,0.25);
	margin-top: 10px;
	line-height: 40px;
	display: block;
	font-family: sans-serif;
	color: #fff;
	font-size: 1.2em;
}
#insc-2017 b {
	font-weight: 500;
}
.alert-insc {
	margin-top: 10px;
	margin-bottom: 0px !important;
	display: block;
}
.alert-insc:visited, .alert-insc:active, .alert-insc:hover {
	color: #8a6d3b !important;
}
.alert-insc span.glyphicon {
	top: 3px;
	margin-right: 5px;
}
.hh17-box-ref {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 120px;
	height: 20px;
	background: red;
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #D83135;
	text-align: center;
	text-decoration: none;
	color: #fff;
	line-height: 20px;
	font-size: 0.96em;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
	-webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
  	-o-transition: all 0.25s ease-in-out;
  	transition: all 0.25s ease-in-out;
}
.hh17-box-ref:hover {
	color: #fff;
	background-color: #BD1B1F;
}
.hh17-title {
	font-weight: 500;
	font-size: 1.2em;
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	/* margin: 2px 0px 10px 0px; */
	padding: 0px;
}
.hh17-title span.hh17t-a {
	float:left;
	width: auto;
	padding-right: 7px;
	display: block;
	background: none !important;
}
.ta-va-img td {
	vertical-align: middle;
}
.ta-va-img td img {
	margin-right: 15px;
}
.hh17-title span.hh17t-b {
	display: block;
	width: 100%;
	background-image: url('https://www.ucp.edu.co/portal/wp-content/uploads/2017/04/hh17-title-bgr.png');
	background-repeat: no-repeat;
}
.hh17-thumb {
	width: 84px;
	height: 84px;
	background: none !important;
	float: left;
	margin: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #cacaca;
	text-align: center;
}
.hh17-thumb img {
	margin: 10px;
}
.hh17-in {
	width: 100%;
	height: auto;
	padding-top: 35px;
	text-align: center;
	color: #fff;
}
.hh-fotonoticia-p p {
	padding-top: 8px !important;
	padding-right: 10px;
}
#hh17-in-rot {
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	font-size: 1.5em;
	width: 100% !important;
	white-space: pre;
	font-weight: 500;
	line-height: 1.4em;
}
.hh17-vpv {
	width: 370px;
	/* margin-left: -50px; */
}
.hh17-radio {
	text-align: left;
	padding: 0px !important; 
}
.hh17-r-nowt {
	display: inline-block;
	font-weight: 600;
	padding-top: 5px;
}
.hh17-fn-pa {
	padding: 10px 15px 0px 5px !important;
	font-style: italic;
	width: auto;
	overflow-y: hidden !important;
	cursor: default;
}
.hh17-r-bar {
	width: 260px;
	height: 3px;
	background-color: rgba(255,255,255,0.3);
	margin: 4px 0px 5px 100px;
}
.rbar-pro {
	width: 40%;
	height: 3px;
	background-color: #fff;
}
.hh17-r-time {
	display: inline-block;
	font-size: 0.9em;
}
.hh17-thumb-play {
	opacity: 0.75;
}
.hh17-norma {
	padding-right: 30px;
}
/* Prácticas */
.pra18-exp-btn {
	background: red;
	color: #fff;
	text-align: center;
	height: 95px;
	padding-top: 20px;
	background: url('https://www.ucp.edu.co/portal/wp-content/themes/UCatolica/images/of-rb.jpg') top right no-repeat;
}
.pra18-exp-btn:active, .pra18-exp-btn:focus {
	color: #fff !important;
}
.pra18-exp-btn:hover {
	opacity: 0.75;
	color: #fff !important;
	transition: all 0.5s;
}
.pra18-exp-btn span {
	font-size: 30px;
}
#pra-exp-1 .col-md-4 {
	margin-bottom: 15px !important;
}






.rotating {
  display: inline-block;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
  -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
  -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
  -o-transform: rotateX(0) rotateY(0) rotateZ(0);
  transform: rotateX(0) rotateY(0) rotateZ(0);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-origin-x: 50%;
}

.rotating.flip {
  position: relative;
}

.rotating .front, .rotating .back {
  left: 0;
  top: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.rotating .front {
  position: absolute;
  display: inline-block;
  -webkit-transform: translate3d(0,0,1px);
  -moz-transform: translate3d(0,0,1px);
  -ms-transform: translate3d(0,0,1px);
  -o-transform: translate3d(0,0,1px);
  transform: translate3d(0,0,1px);
}

.rotating.flip .front {
  z-index: 1;
}

.rotating .back {
  display: block;
  opacity: 0;
}

.rotating.spin {
  -webkit-transform: rotate(360deg) scale(0);
  -moz-transform: rotate(360deg) scale(0);
  -ms-transform: rotate(360deg) scale(0);
  -o-transform: rotate(360deg) scale(0);
  transform: rotate(360deg) scale(0);
}
.rotating.flip .back {
  z-index: 2;
  display: block;
  opacity: 1;
  
  -webkit-transform: rotateY(180deg) translate3d(0,0,0);
  -moz-transform: rotateY(180deg) translate3d(0,0,0);
  -ms-transform: rotateY(180deg) translate3d(0,0,0);
  -o-transform: rotateY(180deg) translate3d(0,0,0);
  transform: rotateY(180deg) translate3d(0,0,0);
}

.rotating.flip.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0,0,0);
  -moz-transform: rotateX(180deg) translate3d(0,0,0);
  -ms-transform: rotateX(180deg) translate3d(0,0,0);
  -o-transform: rotateX(180deg) translate3d(0,0,0);
  transform: rotateX(180deg) translate3d(0,0,0);
}

.rotating.flip.cube .front {
  -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
  -moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
  -ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
  -o-transform: translate3d(0,0,100px) scale(0.85,0.85);
  transform: translate3d(0,0,100px) scale(0.85,0.85);
}

.rotating.flip.cube .back {
  -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
  -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}

.rotating.flip.cube.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
  -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}
#bench-btn {
	position: fixed;
	display: block;
	right: 10px;
	bottom: 5px;
	width: auto;
	height: auto;
	z-index: 999;
	display: none;
}
#bench-btn-h {
	position: absolute;
	bottom: 0px;
	right: 0px:;
}
#bench-btn-icon {
	position: relative;
}
#bench-btni-mail {
	position: absolute;
	right: 25px;
	bottom: 15px;
}
.bench-animation{
  animation: benchFrames ease-in-out 1.2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: benchFrames ease-in-out 1.2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: benchFrames ease-in-out 1.2s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: benchFrames ease-in-out 1.2s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: benchFrames ease-in-out 1.2s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}


@keyframes benchFrames{
  0% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
  15% {
    opacity:0.85;
    transform:  translate(0px,-25px)  ;
  }
  30% {
    transform:  translate(0px,0px)  ;
  }
  45% {
    transform:  translate(0px,-15px)  ;
  }
  60% {
    transform:  translate(0px,0px)  ;
  }
  75% {
    transform:  translate(0px,-5px)  ;
  }
  96% {
    transform:  translate(0px,-5px)  ;
  }
  100% {
    opacity:0.85;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes benchFrames{
  0% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
  15% {
    opacity:0.85;
    -moz-transform:  translate(0px,-25px)  ;
  }
  30% {
    -moz-transform:  translate(0px,0px)  ;
  }
  45% {
    -moz-transform:  translate(0px,-15px)  ;
  }
  60% {
    -moz-transform:  translate(0px,0px)  ;
  }
  75% {
    -moz-transform:  translate(0px,-5px)  ;
  }
  96% {
    -moz-transform:  translate(0px,-5px)  ;
  }
  100% {
    opacity:0.85;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes benchFrames {
  0% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
  15% {
    opacity:0.85;
    -webkit-transform:  translate(0px,-25px)  ;
  }
  30% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  45% {
    -webkit-transform:  translate(0px,-15px)  ;
  }
  60% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  75% {
    -webkit-transform:  translate(0px,-5px)  ;
  }
  96% {
    -webkit-transform:  translate(0px,-5px)  ;
  }
  100% {
    opacity:0.85;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes benchFrames {
  0% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
  15% {
    opacity:0.85;
    -o-transform:  translate(0px,-25px)  ;
  }
  30% {
    -o-transform:  translate(0px,0px)  ;
  }
  45% {
    -o-transform:  translate(0px,-15px)  ;
  }
  60% {
    -o-transform:  translate(0px,0px)  ;
  }
  75% {
    -o-transform:  translate(0px,-5px)  ;
  }
  96% {
    -o-transform:  translate(0px,-5px)  ;
  }
  100% {
    opacity:0.85;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes benchFrames {
  0% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
  15% {
    opacity:0.85;
    -ms-transform:  translate(0px,-25px)  ;
  }
  30% {
    -ms-transform:  translate(0px,0px)  ;
  }
  45% {
    -ms-transform:  translate(0px,-15px)  ;
  }
  60% {
    -ms-transform:  translate(0px,0px)  ;
  }
  75% {
    -ms-transform:  translate(0px,-5px)  ;
  }
  96% {
    -ms-transform:  translate(0px,-5px)  ;
  }
  100% {
    opacity:0.85;
    -ms-transform:  translate(0px,0px)  ;
  }
}
/*flipclock*/
.sag17-cont {
	padding: 20px 0px;
}
#clockcont {
	width: 380px;
}
.hh17-vpv-sag {
	width: 270px;
	margin-left: 0px;
}
.hh17-box-sag {
	width: 100%;
	height: auto;
	background: none !important;
	margin: 10px 0px;
	padding: 0px;
}
.hh17-box-content-sag {
	width: 100%;
	height: 100px;
	background: rgba(255,255,255,0.25);
	position: relative;
	text-align: center;
}
.sag-mb-cont {
	margin-top: 4px;
}
.sag-mb-title {
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	font-size: 1.1em;
	font-weight: normal;
}
.sag-mb-meta {
	font-family: 'Source Sans Pro', sans-serif;
	color: #dadada;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.2em;
	position: relative;
}
.hh17-box-ref-sag {
	display: block;
	position: absolute;
	bottom: 30px;
	right: 0px;
	width: 60px;
	height: 20px;
	background: red;
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #D83135;
	text-align: center;
	text-decoration: none;
	color: #fff;
	line-height: 20px;
	font-size: 0.96em;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
	-webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
  	-o-transition: all 0.25s ease-in-out;
  	transition: all 0.25s ease-in-out;
  	z-index: 999;
}
.hh17-box-ref-sag:hover {
	color: #fff;
	background-color: #BD1B1F;
}







.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 26px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  padding-bottom:20px;
  margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 2px;
  width: 26px;
  height: 45px;
  font-size: 15px;
  font-weight: bold;
  line-height: 38px;
  border-radius: 4px;
  background: transparent !important;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 45px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 15px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #efefef;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #D83135;
  border-radius: 6px;
  font-size: 31px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 9px;
  height: 50px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #757575;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  left: 2px; }

.flip-clock-divider .flip-clock-label {
	width: 65px;
	height: auto;
  position: absolute;
  bottom: -1.5em;
  right: 50%;
  color: #fff;
  font-size: 14px;
  text-transform: capitalize !important;
  text-shadow: none;
  font-weight: 700;
  font-family: 'Source Sans Pro', sans-serif;
}

.flip-clock-divider.days .flip-clock-label {
  left: 15px; }
  
.flip-clock-divider.hours .flip-clock-label {
  left: 20px; }
  
  .flip-clock-divider.minutes .flip-clock-label {
  left: 20px; }

.flip-clock-divider.seconds .flip-clock-label {
  left: 20px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }
.mec-p-bl {
	text-align: justify;
	border-left: 3px solid #dba630;
	padding-left: 15px;
}
.mec-p-bl-left  {
	text-align: left !important;
}
.mec-thumb-r {
	float: right;
	margin: 7px 0px 15px 20px;
}
.mec-lineas {
	cursor: pointer;
}
.dp {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: fliph; /*IE*/
	filter: fliph; /*IE*/
}
.media-heading a {
	color: #333 !important;
}
.gpd-color {
	color: #CCC;
}
#rt-search {
	margin-bottom: 15px;
	height: 40px !important;
	line-height: 40px !important;
}
#mec-email {
	font-size: 13px;
	font-style: italic;
	color: #777;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	height: 30px;
	line-height: 30px;
}
/* #btn-english-version {
	background-color: #fad47f !important;
	color: #79532f !important;
	line-height: 26px !important;
	border-bottom: 4px solid #be9137 !important;
} */
#bev-ph {
	position: absolute;
	top: 30px;
	right: -20px;
	width: auto;
	height: auto;
	z-index: 9999;
	display: none;
	background-color: #fad47f;
	padding: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/*DII new*/
.picture-dii-inves{
	display: inline-block;
}
.picture-dii-inves > img{
	vertical-align: inherit;
}

.info-dii-inves{
	display: inline-block;
	width: 80%;
}

.info-dii-inves h3{
	margin: 0;
}

.info-dii-inves h3 a{
	color: #5E665D;
}

.info-dii-inves > .resumen-correo > .email{
	margin-left: 08px;
	font-weight: 600;
	font-style: italic;
}

.line-tittle{
	margin-left: 10px;
	color: #000;
}





.activeHideAside{
	position: absolute;
	left: 101%;
	/*margin-left: 289px;*/
	transition: all 1s;
	/*display: none;*/
	
}


/**GRUPOS**/
/*grupos: alinea el contenido(boton lo centra)*/
.wraper-align-items {
	display: flex;
	justify-content: center;
}

.groups-head h4{
	color: #064242;
	text-align: center;
	font-weight: 600;
}


.main-group{
	position: relative;
	width: 100%;
	min-height: 308px;
	/* cursor: pointer; */
	margin-top: 20px;
	border: 1px solid #bbb7b7;
}

.main-group .group-wrap-groups{
	width: 100%;
	position: absolute;
	background-color: #f2f2f2;
	padding: 39px 41px;
	/* border: 1px solid #b7b7b7; */
}


.group-wrap-groups .data-info-group h2{
	font-size: 1.3em;
	color: darkslategrey;
	font-weight: 600;
}


.data-inve-lider-group{
	position: absolute;
	left: 61%;
	background-color: #d7d7d7;
	text-align: center;
	width: 115px;
	height: 115px;
	margin: 1px auto 0;
	border-radius: 50%;
	border: 6px solid #fff;
}

.data-inve-lider-group img{
	width: 72px;
	margin-top: 14px;
} 

.info-inve-group{
	max-width: 400px;
	float: right;
}

/*LINEAS*/
.main{
	width: 100%;
	min-height: 410px;
	text-align: center;
	position: relative;
	cursor: pointer;
	margin-top: 60px;
}


.service{
	margin-top: 30px;
	height: 420px;
	background: #d7d7d7;
	padding: 23px;
	border-radius: 10px;
	position: absolute;
	bottom: 0;
	z-index: 1;
	/* box-shadow: 0 0 20px -15px #030380; */
	transition: transform .8s;
}

.service-logo{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	margin: -80px auto 0;
	background: #f2f2f2;
	border: 10px solid #fff;
}


.service-logo img{
	width: 50px;
	margin-top: 10px;
	transition: transform 1s;
}

.service h4{
	height: 35px;
	width: 80%;
	background: #f2f2f2;
	margin: 50px auto;
	position: relative;
}

.service h4::after{
	content: '';
	width: 40px;
	height: 30px;
	background: linear-gradient(to right, #fff,#007bff);
	position: absolute;
	right: -4px;
	top: -5px;
	z-index: -1;
}



.service h4::before{
	content: '';
	width: 40px;
	height: 30px;
	background: linear-gradient(to right, #007bff,#fff);
	position: absolute;
	left: -4px;
	bottom: -5px;
	z-index: -1;
} 


.shadowOne{
	height: 200px;
	width: 80%;
	background: #fff;
	position: absolute;
	border-radius: 10px;
	bottom: -10px;
	left: 10%;
	z-index: -1;
	box-shadow: 0 0 20px -15px #030380;
	transition: transform .8s;
}

.shadowTwo{
	height: 200px;
	width: 64%;
	background: #fff;
	position: absolute;
	border-radius: 10px;
	bottom: -15px;
	left: 18%;
	z-index: -2;
	box-shadow: 0 0 20px -15px #030380;
}

.main:hover .service{
	transform: translateY(-25px);
}


.main:hover .shadowOne{
	transform: translateY(-25px);
}


.main:hover .service-logo img{
	transform: rotate(360deg);
}

.csm-linea-overview{
	margin-top: 10px;
}


.justifica-li{
	padding: 0 23px;
}

/* equipo */
.team-nd{
	/* padding: 50px 0; */
	height: 100vh;
	box-sizing: border-box;
}



.team-nd .container{
	width: 95%;
	margin: 50px auto;
}

.team-nd .row{
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.team-nd .row h1{
	color: #444;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 48px;
	text-transform: uppercase;
}

.mt50px{
	margin-top: 40px;
}

.team-nd .row p{
	border-left: 2px solid rgb(0,125,69);
	padding: 10px 15px;
}


.team-nd .container .row .column{
	margin: 0 10px;
	position: relative;
	width: 28%;
	min-height: 172px;
	background: #f2f2f2;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}

.team-nd .container .row .column .imgBox{
	position: relative;
}

.team-nd .container .row .column .imgBox img{
	width: 100%;
	transition: 3s;
}


.team-nd .container .row .column:hover .imgBox img{
	 transform: scale(1.8);
}

.team-nd .container .row .column .details-equi{
	position: absolute;
	bottom: -99px;
	left: 0;
	padding: 10px;
	box-sizing: border-box;
	background: rgb(0, 125, 69);
	width: 100%;
	transition: .3s;
}


.team-nd .container .row .column:hover .details-equi{
	bottom: 0;
}

.team-nd .container .row .column .details-equi h4{
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: 500;
	text-align: center;
	/* text-transform: uppercase; */
}

.team-nd .container .row .column .details-equi h4 span{
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #f2f2f2;
	font-weight: 900;
	text-transform: uppercase;
	position: relative;
	top: -6px;
}


.team-nd .container .row .column .details-equi .ext-equi-nd{
	font-size: .9em;
	padding: 0;
}


/*********************** Nuevo diseño DII ************************/





.mt-container-wp{
	padding: 50px 0;
	/* margin-top: 85px; */
	/* border-bottom: 3px solid #444444; */
	margin-bottom: 20px;
}

.mt-container-wp .row{
	display: flex;
	justify-content: center;
}

.wrapper-h-buconmenu{
	height: 314px;

}
.wrapper-bgc-buconmenu{
	background: #535353;
}
.wrapper-only-bucon{
	height: 109px;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 25px 0 25px 0;
}


.wrapper-only-doceinves{
	height: 194px;
	border-radius: 0 25px 0 25px;
}


.wrapper-only-bucon h2{
	margin-top: 0;
	padding-top: 10px;
	font-size: 1.6em;
	color: #fff;
	font-weight: 800;
}

/* botin a */
.wrapper-only-bucon a{
	/* display: flex; */
	width: 243px;
	margin: 0 64px;
	color: #444444;
	background: var(--backnd-yellow-dii);
	border-radius: 0 25px 25px 10px;
}

.wrapper-bucon-menu{
	height: 370px;
	/* width: 100%; */
	margin-top: 110px;
	
}


.wrapper-bucon-menu .wrapper-bucon{
	position: relative;
	/* width: 29%; */
	height: 305px;
}


.wrapper-bucon-menu .bucon-convo{
	border-radius: 20px 0 20px 0;
	background: #bbbbbb;
}

.wrapper-bucon-menu .bucon-convo h2{
	margin-top: 0;
}

.wrapper-bucon-menu .bucon-search-doce	
{
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 194px;
	border-radius: 0 25px;
	background: #bbbbbb;
	bottom: 0;
}

.wrapper-only-doceinves input[type="text"]{
	/* display: inline-block; */
	/* margin: auto; */
	width: 78%;
	padding: 11px 12px;
	border: none;
	border-radius: 15px 0 0 15px;
}	


.wrapper-only-doceinves img{
	position: relative;
	height: 112px;
	top: -24px;
}

.wrapper-only-doceinves .icon-search{
	display: inline-block;
	font-size: 1.3em;
	height: 42px;
	padding: 0 15px;
	line-height: 2;
	border: none;
	background: #fff;
	border-radius: 0 15px 15px 0;
}


.wrapper-only-doceinves h2{
	color: #fff;
	font-size: 1.6em;
	margin: 0;
}


/* .wrapper-bucon-menu .menu-dii-home{
	width: 60%;
	background: #bbbbbb;
} */


.pull-right-dii{
	
	width: 100%;
	background: #535353;
	/* float: right; */
	border-radius: 0px 25px 0 25px ;
	/* height: 305px; */
	
}

.pull-right-dii h3{
	position: relative;
	display: inline-block;
	padding: 37px 35px;
	color: #fff;
	margin-top: 0;
	font-weight: 700;
}

.pull-right-dii h3::after{
	content: '';
	display: inline-block;
	width: 61%;
	height: 10px;
	position: absolute;
	background: #fff;
	left: 100%;
}

.wrapper-teitle-customer-dii{
	height: 83px;
	position: relative;
}

.customer-title{
	position: relative;
	display: inline-block;
	padding: 5px;
	height: 42px;
	font-size: 1.5em;
	font-weight: 700;
}


.dii-w-menu-float {
	position: absolute;
	width: 254px;
	/* position: fixed; */
	height: 350px;
	background-color: #535353;
	right: 0;
	border-radius: 25px 0 0 25px;
	font-size: 1rem;
	padding: 10px;
}

.dii-w-menu-float h4 {
	color: white;
	padding: 22px;
}

.dii-flotar {
	position: fixed;
	top: 5%;
}

/* .dii-w-menu-float {
	position: absolute;
	position: fixed;
	height: 350px;
	background-color: #535353;
	left: 72%;
	border-radius: 0 25px 0 25px;
} */

.dii-w-menu-float h4 {
	color: white;
	font-size: 1.6em;
	font-weight: 700;
}
.dii-w-menu-float h4::after{
	content: '';
display: block;
width: 69%;
height: 3px;
position: absolute;
background: #f2efef;
/* left: 100%; */
right: -11px;
top: 27%;
}

.dii-flotar {
	position: fixed;
	top: 5%;
	z-index: 2000;
}


.wrapper-teitle-customer-dii::after{
	content: '';
	position: absolute;
	display: block;
	width: 74%;
	background: #bd1b1f;
	height: 5px;
	left: 315px;
	bottom: 45%;
}

.ul-lista-menu{
	list-style-image: url("https://www.ucp.edu.co/portal/wp-content/uploads/2020/04/icon-lista-menu-dii.png");
}

.ul-lista-menu a{
	font-size: 1.5em;
	color: #fff;
	font-weight: 550;
}

.carrousel-multimedia{
	height: 350px;
}


.dii-equipo-wrapper{
	padding: 0 20px;
}

.dii-equipo-wrapper .wrapper-person-team{
	display: flex;
	padding: 10px;
}


.dii-equipo-wrapper .wrapper-person-team .data-person-team {
	width: 100%;
	padding: 0 10px;
}

.data-person-team .p-team-dii-ext{
	font-style: italic;
	color: #444444;
}

.dii-equipo-wrapper .wrapper-person-team .data-person-team h2 {
	font-size: 1.8em;
	font-weight: 800;
}

.dii-equipo-wrapper .wrapper-person-team .picture-person-team img{
	border: 4px solid #ffd525;
	border-radius: 50%;
	align-content: center;
}




/* List style */
ul.thumbnails { 
  list-style: none; 
  margin: 0;
  padding: 0;
  }



.caption-box-dii{
	display: flex;
	justify-content: center;
}

/* thumbnail  */
.custom-thumbnail-this {
	width: 95%;
	margin-bottom: 0;
	margin: auto;
	border: none;
	padding: 0;
}

.caption-box-dii {
	background-color: #d83135;
	padding: 10px;
	min-height: 65px;
	border-radius: 0 0 25px 25px;
}
.caption-box-dii-csm {
	background-color: #00804e;
	color: #FFF;
	padding: 10px;
	min-height: 65px;
	border-radius: 0 0 25px 25px;
}

.caption-box-dii-csm p{ 
	font-size: .9em;
}

/* novedades */
.caption-box-dii h4 {
	text-align: center;
	color: white;
	font-weight: 200;
	font-size: 1em;
}
/* .caption-box-dii h4 {
	font-size: 0.94rem;
	color: #444;
} */

/* novedades DII */
 .thumbnail.custom-thumbnail-this {
	width: 95%;
	padding: 0;
	margin-bottom: 0;
	border: none;

}


/* novedades DII, efecto boton flotante */
.caption-box-dii-btn-flota {
	position: absolute;
	/* bottom: -4%; */
	right: 5%;
	padding: 3px;
	border-radius: 0 25px 25px 25px;
	background-color: #ffd525;
	color: #444;
	font-size: .8em;
	font-weight: 700;
}

/* DII multimedia */
 .dii-btn-mini-multime{
	border-radius: 0 15px 15px 15px;
	/* height: 44px; */
	font-size: 1.4em;
	padding: 6px;
	color: #444444;
	font-weight: 700;
	background-color: var(--backnd-yellow-dii);
}

.line-thumbnail::after{
	content: '';
	display: block;
	height: 10px;
	width: 110%;
	background-color: #e9e9e9;
	position: absolute;
	top: 100%;
	left: -10px;
}


/* .caption-box-dii h4 {
    font-size: 0.94rem;
    color: #444;
    } */
    /* .caption-box-dii p {
        font-size: 0.75rem;
        color: #999;
        } */
        /* .btn.btn-mini {
            font-size: 0.63rem;
            } */

/* .line-thumbnail{
	border: 2px solid #555;
	background: #444444 !important;
	border-radius: 10px 10px 0 0 ;
	position: relative;
} */




	


/* Control box 
------------------------------------------------ */
.control-box {
    width: 100%;
    }
    .carousel-control{
        background: #666 !important;
        border: 0px;
        border-radius: 0px;
        display: inline-block;
        font-size: 34px;
        font-weight: 200;
        line-height: 18px;
        opacity: 0.5;
        padding: 4px 10px;
        margin: 30px -20px 0;
        height: 30px;
        width: 30px;
        }



/* Mobile only
------------------------------------------------ */
@media (max-width: 767px) {
    .page-header { text-align: center; } 
}
@media (max-width: 479px) {
    .caption-box { word-break: break-all; }
    ul.thumbnails li { margin-bottom: 30px; }
}


/* Footer 
------------------------------------------------ */
footer.info { text-align: center; color: #888; margin: 30px 0; }
footer.info a { color: #fff; }
footer.info p { color: #ccc; margin: 10px 0; }



/* ADD-ON
------------------------------------------------ */

::selection { background: #ff5e99; color: #FFFFFF; text-shadow: 0; }
::-moz-selection { background: #ff5e99; color: #FFFFFF; }

a, a:focus, a:active, a:hover, object, embed { outline: none; }
:-moz-any-link:focus { outline: none; }
input::-moz-focus-inner { border: 0; }
/* end  carrousel videos*/


/* start novedades */

.wrapper-novedades{
	background: #f5f5f5;
	margin-bottom: 300px;
}
.wrapper-novedades2{
	background: #f5f5f5;
	margin-bottom: 50px;
}


/* end novedades */



.wraper-dii-contact{
	display: flex;
	justify-content: center;
}


/* DII grupos */
.w-display-dii-lider {
	/* display: none; */
	position: absolute;
	height: 178px;
	width: auto;
	top: -120px;
	left: 6px;
	transition: all 0.5s;

}

.w-fter-inves p{
	margin: 0;
}

.btn-display-lider:hover .w-display-dii-lider{
	display: block;
}

.dii-gs-itemimg img {
	width: 95%;
}

.dii-gs-item {
	width: 99%;
}

.dii-gs-itemfooter {
	display: flex;
  justify-content: center;
	background: #535353;
	min-height: 150px;
	border-radius: 0 0 0 30px;
	background-image: url('https://www.ucp.edu.co/portal/wp-content/uploads/2021/02/avatar.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}

.dii-gs-itemfooter .row{
	display: flex; justify-content: flex-start;
}

.w-fter-inves {
	background-color: #fbfbfb;
}

.w-fter-inves p {
	text-align: center; font-weight: bold;
}

.w-fter-inves p:first-child {
	font-size: .8em;
}

.w-dii-group-title {
	position: relative;
}

.w-dii-group-title p{
	color: white;
}

.title-w-dii-group {
	color: white; font-size: .9em; font-weight: 800; margin-bottom: 0; margin-top: 10px;
}

.row-dii-group-descrip {
	position: relative;
	/* display: flex;
	justify-content: space-between; */
	width: 291px;
}

.row-dii-group-descrip .col-dii-group-descrip {
	padding-right: 0px;
}

.row-dii-group-descrip .col-dii-group-descrip {
	border-radius: 0 25px 0 25px; background: white; padding: 0 10px;;
}
.row-dii-group-descrip .col-dii-group-descrip h3 {
	font-size: 1.3rem; font-weight: 800; margin-bottom: 2px; margin-top: 4px;
}


.col-dii-group-descrip p:nth-child(2){
	font-size: 1.1rem;
	margin: 0;
}

.col-dii-group-descrip p:nth-child(3){
	font-size: 1.1rem;
	text-decoration: underline;
	font-weight: 700; 
	font-style: italic; 
	margin: 0;
}

.col-dii-group-descrip p:nth-child(4){
				font-size: .7em;
			}
/* end DII grupos */


/* start dii C.S.M */
.dii-title-standar {
	font-size: 1.8em;
	color: #000; 
	font-weight: 700;
}


.subtitle-dii-csm {
	font-size: 1.2em;
    color: #000000;
}

/* popup csm */


 .dii-csm-popup-p:target{
	top: 0;
	left: 93px;
	transform:  translate(-75px, 290px);
	visibility: visible;
}
 .dii-csm-popup-p2:target{
	top: 0;
	left: 93px;
	transform:  translate(-75px, 290px);
	visibility: visible;
}
 .dii-csm-popup-p3:target{
	top: 0;
	left: 93px;
	transform:  translate(-75px, 290px);
	visibility: visible;
}


.dii-csm-popup-p {
	position: absolute;
	width: 100%;
	max-width: 345px;
	height: 280px;
	display: flex;
	top: 100%;
	left: -5px;
	background-color: #fffac8;
	border-radius: 0 0 25px 25px;
	transform: translate(22px, -284px);
	transition: all 600ms;
	z-index: -1000;
}

/* modal csm proyectos */
.dii-csm-container-text{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	/* align-content: space-around; */
	width: 100%;
	padding: 0 15px;
	margin-top: 20px;
	font-size: .9em;
	/* overflow-y: auto; */
}

/* modal buscador investigadores gropu csm */
.dii-csm-popup-search{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #0f0f0f33;
	top: 0;
	/* transform: translate(-50%, -50%); */
	z-index: 900000;
}

.dii-csm-container-text{
	margin: auto;
	width: 70%;
	background-color: #e7e7e7;
	border-radius: 0 25px 0 25px;
	background-image: url(https://www.ucp.edu.co/portal/wp-content/uploads/2021/04/fondo-search-dii-ucp.png);
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: center;
	
}

.rst-dii-search { height: 450px; scroll-behavior: auto;}
.profile-rst-dii-search {
	display: flex;
	margin: 20px;
	/* background-color: honeydew; */
	/* justify-content: center; */
	align-content: center;
}

.img-profile-dii img {
	border-radius: 50%;
	border: 2px solid #00804e;
}

.header-popup-csm-search { 
	margin: auto;
	display: inline-block;
	width: 482px;
	border-bottom: 6px solid #00804e;
	margin-bottom: 10px;
 }
.header-popup-csm-search h4{
	/* background-color: greenyellow; */
	font-weight: 800;
    text-align: center;
}

.data-profile-dii { display: flex; flex-direction: column; justify-content: flex-end; height: 101px; padding: 10px;}
.data-profile-dii p:nth-child(-n+1) { margin: 0; }
.data-profile-dii p:nth-child(1) { font-weight: 700; }
.data-profile-dii span{ background-color: #ffd525; padding: 5px; font-style: italic; font-weight: 700; font-size: .9em; border-radius: 0 10px 0 10px; }
.dii-search-emit { border-radius: 18px; border: 6px solid slategray; background-color: #FFF; }
.dii-search-input-w { display: inline-block; width: 95%; }
.dii-search-input-w input {  width: 100%;  padding: 6px; border-radius: 18px; border: none;}
.dii-search-icon-w { display: inline-block; border-radius: 0 16px; border: 3px solid slategray }



/* end dii C.S.M */

/* **************end new new DII *****************/


/* header */
	/* Nuevo home menu-header */
	
/*MENU NAV*/

.wrape-nav{
	display: inline-block;
	height: auto;
}

.sp-menu-nav,
.sp-menu-nav ul{
  list-style: none;
  margin-top: 0;
  margin-bottom: 0; 
	padding-left: 0;
	
}

.sp-menu-nav{
  /*background: red;*/
  display: table;
}

.sp-menu-nav > li {
  /*al aplicar esta propiedad el padre deja de contenerlos, po eso display: table al menu*/
  float: left;
  
}

/* .sp-menu-nav li{ */
  /*position: relative;*/
/* } */

.sp-menu-nav  a{
  color: #444;
  font-weight: 700;
  text-decoration: none;
  display: block;
  padding: .8em 1.5em;
  /*white-space: nowrap;*/
	
}

.sp-menu-nav  ul li > a{
	color: #444;
	font-weight: 500;
	
}

.sp-menu-nav li > ul{
  position: absolute;
  background: #f2f2f2;
  /* background: #c62929; */
  display: none;
	width: 100%;
	padding: 10px 30px;
  left: 0;
	z-index: 4;
	border-bottom: 3px solid #ee081e;
	
} 

.sp-menu-nav  li:hover > ul {
  display: block; 
}

/* .sp-menu-nav li:hover {
	background-color: #c62929;
} */

.sp-menu-nav ul ul{
  background: blue;
  top: 0;
	left: 100%;
	
}
/* end */



/* RADIO */
.wrapper-d-radio{
	display: inline-block;
	position: absolute;
	right: 10px;
	padding: 5px 0;
	/* line-height: 10; */
}


/* end header dii */

.wrapper-bucon-menu{
	height: 250px;
	width: 100%;
	
}


.wrapper-bucon-menu .wrapper-bucon{
	width: 36%;
	background: #bbbbbb;
}


.wrapper-bucon-menu .menu-dii-home{
	width: 60%;
	background: #bbbbbb;
}

.dii-gs-itemimg-imgsetsize{
	height: 185px;
    width: 339px;
}

/**** end Nuevo diseño DII *****/


/* Customer elements bootstrap */


/* buttons */
.gl-btn-yellow{

}

/* end buttons */


/* card perfiles directores proigrama */
.set-relative-wraper {
	position: relative;
}

.card-data-of-profile-dir {
	margin: 0 auto;
	position: relative;
	top: -32px;
	/* left: 50%;
	transform: translate(-50%,-50%); */ 
	width: 255px;
	/* min-height: 345px; */
	background-color: #fff;
	/* box-shadow: 0 20px 50px rgba(0, 0, 0, .1); */
	border-radius: 10px;
	transition: 0.5s;
	border: 1px solid #80808052;
}

.card-not-float {
	top: 0;
}

.card-data-of-profile-dir:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}

.card-data-of-profile-dir .box {
    /* element parent: .card-data-of-profile-dir beacause it's posisionated */
    /* position: absolute; */
    top: 0;
    left: 0;
    /* transform: translateY(-50%); */
    text-align: center;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}



.card-data-of-profile-dir .box .img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}

.card-data-of-profile-dir .box .img img{
	width: 100%;
	transition: ease .9s;
}

.card-data-of-profile-dir .box .img:hover img {
	transform: scale(1.2);
}

.card-data-of-profile-dir .box h2 {
    font-size: 1.5rem;
    color: #262626;
}


.card-data-of-profile-dir .box h2 span{
    font-size: 14px;
    background-color: #015088;
    color: #fff;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 15px;
}

.card-data-of-profile-dir .box p {
    color: #262626;
}

.card-data-of-profile-dir .box ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.card-data-of-profile-dir .box ul li {
    list-style: none;
    float: left;
}

.card-data-of-profile-dir .box ul li a {
    display: block;
    color: #aaa;
    margin: 0 10px;
    font-size: 20px;
    transition: .5s;
    text-align: center;
}

.card-data-of-profile-dir .box ul li:hover a {
    color: #e91e63;
    transform: rotateY(360deg);
}


/* end cards profiles directores */



a {
	text-decoration: none;
  }
  
  .container {
	/* display: block; */
  }
  
  
  .pg-h-linea a {
	  /* font-weight: 600; */
	  color: #d9d2d2;
	  /* padding: 10px; */
	  line-height: 2rem;
	  letter-spacing: .1rem;
	  font-size: .9em;
	}
	
	.pg-h-linea a span {
		font-weight: 600;
		color: #f5f5f5;
	}

	.pg-h-btns-pl {
	display: flex;
	min-width: 93px;
	justify-content: space-between;
	/* background: blue; */
  }




  /* pg 02 */


.pg-h-02 .sp-h-sb {
	display: flex;
	justify-content: flex-end;
	min-width: 60%;
}

.sp-h-social {
	display: flex;
	justify-content: space-between;
	padding: 0 10px;
	margin: 0 auto;
}

.sp-h-social .nav-link {
	display: flex;
	width: 3rem;
	height: 3rem;
	border-radius: 100%;
	transition: background-color .6s;
}

.sp-h-social .nav-link:hover {
	background-color: rgba(238,49,51,.6);
	color: #fff;
}

.sp-h-social .nav-link i {
	font-size: 1rem;
	/* color: rgba(255,255, 255, .4); */
	color: #fff;
    margin: auto;
    transition: color .6s;
}

.sp-h-sb .pg-search {
	display: flex;
	align-items: center;
}




/* end styles new supbar */


/* duda */
/* aside::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .9);
    transform: translate(-100%,-100%);
    opacity: 0;
    z-index: 999;
    transition: opacity .6s, transform .2s .6s;
}
*/
/* .nav-link i {
    font-size: 1.3rem;
    margin-right: 1rem;
}

.social-media {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
}

.icon-link {
    width: 5rem;
    height: 5rem;
    border-radius: 100%;
    display: flex;
    transition: background-color .6s;
}

.icon-link:hover {
    background-color: rgba(0, 0, 0, .3);
}

.icon-link i {
    font-size: 2.5rem;
    color: rgba(255,255, 255, .4);
    margin: auto;
    transition: color .6s;
}


.icon-link i:hover {
    color: rgba(255, 255, 255, .8);
}

main {
    perspective: 100rem;
}

.zoom-content {
    transform-style: preserve-3d;
    transition: transform .6s cubic-bezier(0.95, 0.05, 0.795, 0.035);
} */




/* ***************start carrousel F.C******************** */
/* estos estilos de los carousel son compartido hay que tener cuidado */


ul.thumbnails-dii { 
	list-style: none; 
	margin: 0;
	padding: 0;
}

li.thumbnail-fc-pos { 
	padding: 0;
	/* margin: 1px; */
	box-sizing: border-box;
}

.thumbnail-fc-pos.pos-fc-br-fchse {
	border: 1px solid #d5a63a;
	min-height: 419px;
	width: 100%;
 }

 .thumbnai-fc-pos.pos-fc-br-fchse {
	border: 1px solid #da441f;
	min-height: 419px;
	width: 100%;
 }


 .modal-wraper-fc {
	 margin-bottom: 15px;
 }
 
 .thumbnail-fc-pos.pos-fc-br-fcbi {
	 border: 1px solid #fa2d32;
	 min-height: 419px;
	 width: 100%;
	}
 .thumbnail-fc-pos.pos-fc-br-fad {
	 border: 1px solid #2e82c4;
	 min-height: 419px;
	 width: 100%;
	}
 .thumbnail-fc-pos.pos-fc-br-cf {
	 border: 1px solid #ca3438;
	 min-height: 419px;
	 width: 100%;
	}
 .thumbnail-fc-pos.pos-fc-br-fce {
	 border: 1px solid #5cb143;
	 min-height: 419px;
	 width: 100%;
	}


	.info-interes-fc {
		border-left: 3px solid red;
		margin: 10px 15px;
		padding: 5px 10px;
	}

 /* formatea el paddinf desde bootstrap 3 */
 .thumbnail-fc-pos .thumbnail {
	 padding: 0;
 }

	.cb-item-uno {
		display: flex;
	}

	.caption-box-dii p {
		font-size: 1.7rem;
		color: #444444;
		font-weight: 600;
		padding: 0 15px;
	}
	.cb-subitem-left {
		flex:  1 1 auto;
		text-align: left;
	}
	.cb-subitem-right {
		flex:  1 1 auto;
		text-align: center;
	}

	
	.cb-subitem-left p span {
		margin-right: 5px;
		color: goldenrod;
	}

	.line-thumbnail{
		border: 2px solid #555;
		background: #444444 !important;
		border-radius: 10px 10px 0 0 ;
		position: relative;
	}

	.line-thumbnail::after{
		content: '';
		display: block;
		height: 10px;
		width: 110%;
		background-color: #e9e9e9;
		position: absolute;
		top: 100%;
		left: -10px;
	}


	/* F.C */
	.thumbnails .caption-box a{
		/* border-radius: 0 15px 15px 15px; */
		/* height: 28px; */
		font-size: 1.4em;
		padding: 6px 10px;
		color: #FFF !important;
		font-weight: 700;
		background-color: #ed3237;
	}


	.cb-subitem-btn {
		display: flex;
		width: 100%;
		justify-content: flex-end;
		align-content: flex-end;
		font-size: 1rem;
		height: 50px;
		padding: 10px 5px;
	}
	
	.cb-subitem-btn  a {
		height: 32px;
	}


	/* Control box 
	------------------------------------------------ */
	.control-box {
		width: 100%;
		}
		/* DII and F.C */
		.carousel-control{
			background: #666 !important;
			border: 0px;
			border-radius: 0px;
			display: inline-block;
			font-size: 40px;
			font-weight: 200;
			line-height: 18px;
			opacity: 0.5;
			padding: 4px 10px;
			margin: 177px -16px 0;
			height: 30px;
			width: 30px;
			}



	/* Mobile only
	------------------------------------------------ */
	@media (max-width: 767px) {
		.page-header { text-align: center; } 
	}
	@media (max-width: 479px) {
		.caption-box { word-break: break-all; }
		ul.thumbnails li { margin-bottom: 30px; }
	}


	/* Footer 
	------------------------------------------------ */
	footer.info { text-align: center; color: #888; margin: 30px 0; }
	footer.info a { color: #fff; }
	footer.info p { color: #ccc; margin: 10px 0; }



	/* ADD-ON
	------------------------------------------------ */

	::selection { background: #ff5e99; color: #FFFFFF; text-shadow: 0; }
	::-moz-selection { background: #ff5e99; color: #FFFFFF; }

	a, a:focus, a:active, a:hover, object, embed { outline: none; }
	:-moz-any-link:focus { outline: none; }
	input::-moz-focus-inner { border: 0; }
	/* end  carrousel videos*/




/* end carrousel F.C */

/* update */


/* SVG */

.st1:hover  .st16{
  fill: #007f4e !important;
}

.st5:hover ~ .st0{
  fill: #007f4e !important;
}


/* End SVG */


.wraper-form-sendinblue {  
background-color: #00773c;
	 }


/* sbreescribiendo valores o clases de boostrap */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border-bottom: 3px solid #015088;
	border-top: none;
	border-left: none;
	border-right: none;
    background-color: #01508805;
}

/* cuidado, esta es importante, debido a una fallta cuando se actualizó el home 2020, se recurrio a esta opción que no es recomendable
el error es por los import al final del body */
.modal-backdrop {
	background-color: transparent;
	display: none;
 }

 /*la siguiente parte corresponde al estilo de la parte de una imagen modal que esta en secretaria general, precisamente en estructura organica*/
 #myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  /*z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.481); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 90%;
  max-width: 1900px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 90%;
  max-width: 1900px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: black;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

.list {
list-style: square;

}

/*estilo boton*/
* {
  box-sizing: border-box;
}


.copyright {
  position: absolute;
  bottom: 0;
}
.copyright a {
  text-decoration: none;
  color: #16a085;
}
.copyright a:hover {
  text-decoration: underline;
}

.a {
  position: relative;
  padding: 1em 1.5em;
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  font-size: 18px;
  margin: 1em 0.8em;
}

.a.type3 {
  color: #435a6b;
}
.a.type3.type3::after, .button.type3.type3::before {
  content: "";
  display: block;
  position: absolute;
  width: 20%;
  height: 20%;
  border: 2px solid;
  transition: all 0.6s ease;
  border-radius: 2px;
}
.a.type3.type3::after {
  bottom: 0;
  right: 0;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: #435a6b;
  border-right-color: #435a6b;
}
.a.type3.type3::before {
  top: 0;
  left: 0;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: #435a6b;
  border-left-color: #435a6b;
}
.a.type3.type3:hover:after, .button.type3.type3:hover:before {
  border-bottom-color: #435a6b;
  border-right-color: #435a6b;
  border-top-color: #435a6b;
  border-left-color: #435a6b;
  width: 100%;
  height: 100%;
}



.contenedorj {
    width: 100%;
    display: flex;
    height: 180px;
	float: left;
	
}
.contenedorj figure {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 40%;
  /*  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.50);*/
	width:auto; 
	height:150px;  
	margin-left: 95px; 
	margin-top: 12px;
}

.contenedorj figure img {
	width: auto;
    height: 150px;
    transition: all 400ms ease-out;
    will-change: transform;
	margin-left: 5px; 
	margin-right: 5px;
}

.contenedorj figure .capa {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 128, 78, 0.7);
    transition: all 400ms ease-out;
    opacity: 0;
    visibility: hidden;
    text-align: center;
	
}

.contenedorj figure:hover>.capa {
    opacity: 1;
    visibility: visible;
}

.contenedorj figure:hover>.capa h3 {
    margin-top: 50px;
    margin-bottom: 15px;
}

.contenedorj figure:hover>img {
    transform: scale(1.3);
}

.contenedorj figure .capa h3 {
    color: #fff;
    font-weight: 400;
    margin-bottom: 120px;
    transition: all 400ms ease-out;
    margin-top: 30px;
}