@charset "utf-8";
/* CSS Document */

/*

Puntos de SALTO en plantilla:
1200px-1199px: cambios en el menu minimos.
1170px-1169px: Cambios de distribucion a medium.
992px-991px: Cambo de distribucion a small.
768px-767px: Cambios de distribucion a extra-small.
480px-479px: Cambios minimos en la distribucion.

Rango de Media querys general:

> = para arriba.
< = para abajo.

Plantilla:
1170px - >: Large.
992px - 1169px: Medium.
768px - 991px: Small.
< - 767px: Exra Small.

Custom:
1199px - >: Extra Large (solo para menu).
1024px - >: Large (solo para slideshow).
992px - 1199px: Medium-Large (solo para Sidebars).

*/

@import url(https://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

#t3-content p {
	font-size: 16px;
}

/*Color de encabezado*/
#t3-header {
	background: #0057B8;;
	border:none;
}

/* Imagenes de conferencistas*/
img[src*="luis_aguilar"], img[src*="abraham_magendzo"], img[src*="eduardo_andere"], img[src*="julio_cabero"] {
	display: inline;
	max-width: 166px;
}

/* Titulo de pagina*/
#t3-content h1.page-title {
	font-size: 24px;
	margin-bottom:7px;
	font-weight:bold;
	line-height:31px;
	color:#454444;
	padding-top:30px;
	padding-left:30px;
}

/* Titulo de articulo*/
#t3-content h1.article-title {
	font-size: 28px;
}

/* Color de enlaces*/
#t3-content a {
	color: #0076C0;
}

#t3-content a:hover {
	color: #E09B0F;
}

/*Banners maestrias cursos diplomados y especialidades*/
.bannersTop a h3 {
	font-family: 'PT Sans', sans-serif;
	color: #0076C0;
	font-size: 22px;
	font-weight: 300;
	margin: 0 0 20px 0;
	padding: 0;
	transition: ease-in-out 0.2s;
}

.bannersTop a:hover h3 {
	color: #e09b0f;
}

.bannersTop a img {
	transition: ease-in-out 0.2s;
}

.bannersTop a:hover img {
	opacity: 0.6;
}

div.search_menu.style-icon.help {
	width: 215px;
	margin-right: 18px;
	float: right;
}

/*Directores anteriores*/
.article-image img[src*="directores_anteriores"] {
	margin: 0 0 20px 20px;
}

.article-image-intro img[src*="directores_anteriores"] {
	margin: 0;
}

/*Imagenes de banner en portada*/
img[src*="maestria"],img[src*="especialidad"],img[src*="diplomado"],img[src*="cursos"] {
	width:100%;
}

/*Logo Crefal espaciado en tamaño medio*/
@media	(min-width:992px) {
img[src="/crefal25/images/graficos/logos/logo.png"] {
	width:100%;
	min-width:666px;
	margin: 16px 0 6px 0;
}
}

/*Logo crefal espaciado en tamaño chico*/
@media	(min-width:768px) and (max-width: 991px) {
img[src="/crefal25/images/graficos/logos/logo.png"] {
	width:100%;
	min-width: 460px;
	margin: 26px 0 6px 0;
}
}


/*Iconos de descarga programa academico*/
.downloadIcons a {
	transition: ease-in-out 0.2s;
}

.downloadIcons a:hover {
	opacity: 0.6;
}

@media	(min-width:1023px) {
.downloadIcons {
	display: inline-block;
}
}

@media (max-width : 1023px) {
.downloadIcons {
	margin-top: 8px;
}
}


/* Logos pie de página*/
.logosContainer a {
	padding: 18px 8px;
}

.logosContainer {
	max-width: 100%;
	width: 100%px;
	height: 100px;
	padding: 5px;
	position: relative;
}

.logosResponsive {
	display: inline-block;
	width: 60px;
	height: 60px;
	transition: ease-in-out .2s;
}

.logosContainer a:nth-child(1) .logosResponsive {
	background:	url(../../../images/graficos/logos/logo_uni_twin_hover.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(1) .logosResponsive:hover {
	background:	url(../../../images/graficos/logos/logo_uni_twin.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(1) .logosResponsive:hover + .icon_box {
	opacity: 1;
	bottom: 0;
	left: 0;	
}

.logosContainer a:nth-child(2) .logosResponsive {
	background:	url(../../../images/graficos/logos/logo_unesco_hover.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(2) .logosResponsive:hover {
	background:	url(../../../images/graficos/logos/logo_unesco.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(2) .logosResponsive:hover + .icon_box {
	opacity: 1;
	bottom: 0;
	left: 75px;	
}

.logosContainer a:nth-child(3) .logosResponsive {
	background:	url(../../../images/graficos/logos/portal_americas_hover.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(3) .logosResponsive:hover {
	background:	url(../../../images/graficos/logos/portal_americas.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(3) .logosResponsive:hover + .icon_box {
	opacity: 1;
	bottom: 0;
	left: 150px;	
}

.logosContainer a:nth-child(4) .logosResponsive {
	background:	url(../../../images/graficos/logos/logo_ilce_hover.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(4) .logosResponsive:hover {
	background:	url(../../../images/graficos/logos/logo_ilce.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(4) .logosResponsive:hover + .icon_box {
	opacity: 1;
	bottom: 0;
	left: 225px;	
}

.logosContainer a:nth-child(5) .logosResponsive {
	background:	url(../../../images/graficos/logos/logo_oea_hover.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(5) .logosResponsive:hover {
	background:	url(../../../images/graficos/logos/logo_oea.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(5) .logosResponsive:hover + .icon_box {
	opacity: 1;
	bottom: 0;
	left: 308px;	
}

.logosContainer a:nth-child(6) .logosResponsive {
	background:	url(../../../images/graficos/logos/logo_preal_hover.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(6) .logosResponsive:hover {
	background:	url(../../../images/graficos/logos/logo_preal.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(6) .logosResponsive:hover + .icon_box {
	opacity: 1;
	bottom: 0;
	left: 390px;	
}

.logosContainer a:nth-child(7) .logosResponsive {
	background:	url(../../../images/graficos/logos/logo_oei_hover.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(7) .logosResponsive:hover {
	background:	url(../../../images/graficos/logos/logo_oei.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(7) .logosResponsive:hover + .icon_box {
	opacity: 1;
	bottom: 0;
	left: 470px;	
}

.logosContainer a:nth-child(8) .logosResponsive {
	background:	url(../../../images/graficos/logos/logo_inea_hover.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(8) .logosResponsive:hover {
	background:	url(../../../images/graficos/logos/logo_inea.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(8) .logosResponsive:hover + .icon_box {
	opacity: 1;
	bottom: 0;
	left: 545px;	
}

.logosContainer a:nth-child(9) .logosResponsive {
	background:	url(../../../images/graficos/logos/logo_upn_hover.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(9) .logosResponsive:hover {
	background:	url(../../../images/graficos/logos/logo_upn.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(9) .logosResponsive:hover + .icon_box {
	opacity: 1;
	bottom: 0;
	left: 620px;	
}

.logosContainer a:nth-child(10) .logosResponsive {
	background:	url(../../../images/graficos/logos/logo_unam_hover.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(10) .logosResponsive:hover {
	background:	url(../../../images/graficos/logos/logo_unam.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(10) .logosResponsive:hover + .icon_box {
	opacity: 1;
	bottom: 0;
	left: 700px;	
}

.logosContainer a:nth-child(11) .logosResponsive {
	background:	url(../../../images/graficos/logos/logo_cenet_hover.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(11) .logosResponsive:hover {
	background:	url(../../../images/graficos/logos/logo_cenet.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(11) .logosResponsive:hover + .icon_box {
	opacity: 1;
	bottom: 0;
	left: 775px;	
}

.logosContainer a:nth-child(12) .logosResponsive {
	background:	url(../../../images/graficos/logos/logo_unad_hover.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(12) .logosResponsive:hover {
	background:	url(../../../images/graficos/logos/logo_unad.gif) no-repeat;
	background-size: contain;
}

.logosContainer a:nth-child(12) .logosResponsive:hover + .icon_box {
	opacity: 1;
	bottom: 0;
	right: 20px;
	background: url(../../../images/graficos/tooltip_r.png) no-repeat;
	background-size: contain;	
}

/*ToolTip iconos pie de pagina*/
.icon_box {
	background: url(../../../images/graficos/tooltip.png) no-repeat;
	background-size: contain;
	padding: 5px;
	color: #FFF;
	opacity: 0;
	position: absolute;
	z-index: -99999; 
}

/*Iconos pie de pagina y tooltip responsive*/
@media (min-width: 768px) and (max-width: 959px) {
.logosContainer {
	max-width: 959px;
	padding: 0;
	width: 100%;
	height: auto;
}
}

@media (max-width: 767px) {
.logosContainer {
	max-width: 767px;
	padding: 0;
	width: 100%;
	height: auto;
}
}

@media (max-width: 1024px) {
.icon_box {
	display: none;
}
}

/*Revistas-----------------------------------------------------------------No slideshow------------------------------------------------------------*/
.anteriores, .magtitle, .magtitle2 {
	float: right;
}

.magtitle {
	padding-right: 36px;
}

.magtitle2 {
	padding-right: 26px;
}

.magtitle a p, .magtitle2 a p, .magtitle-m a p, .magtitle2-m a p {
	color: #0076c0;
	font-weight: 700;
	font-size: 16px;
}

.magtitle a:hover p, .magtitle2 a:hover p, .magtitle-m a:hover p, .magtitle2-m a:hover p, .anteriores a:hover {
	color: #e09b0f;
}

.magtitle-m, .magtitle2-m, .fc {
	display: none;
}

.magimg a img {
	transition: ease-in-out 0.2s;
}

.magimg a:hover img {
	opacity: 0.6;
}	

@media (min-width: 768px) and (max-width: 1024px) {
.magtitle {
	padding-right: 30px;
}

.magtitle2 {
	padding-right: 20px;
}
}

@media (min-width: 1024px) and (max-width: 1200px) {
.magtitle {
	padding-right: 30px;
}

.magtitle2 {
	padding-right: 20px;
}
}

.anteriores a {
	color: #0076c0;
}

@media (min-width: 768px) and (max-width: 991px) {
.anteriores {
	float: none;
}

.magtitle {
	padding-right: 156px;
}

.magtitle2 {
	padding-right: 146px;
}

.magimg {
	float: left;
	margin-right: 10px;
}

.magimg p {
  margin: 0 0 1px;
}
	
}

@media(max-width: 767px) {
.anteriores {
	float: none;
}

.magimg {
	float: left;
	margin-right: 10px;
}

.magtitle-m, .magtitle2-m {
	display: block;
	height: 60px;
	float: left;
}

.fc {
	display: block;
}

.magtitle, .magtitle2 {
	display: none;
}

.magimg p {
	margin: 0 0 1px;
}


}
/*Terminan Revistas-------------------------------------------------------------------no slideshow-------------------------------------------------*/

#Mod210 img:hover {
	opacity: 0.6;
}

/*Sitios CREFAL*/
#Mod136 {
	border-top: 1px solid #CCC;
}

#Mod136 .module-inner {
	margin-top: 20px;
}

#Mod136 .module-inner h3.module-title {
	margin-bottom: 8px;
}

#Mod136 .module-inner h3.module-title span {
	width: 185px;
	background: #e09b0f;
	color: #FFF;
	font-size: 16px;
	padding: 8px 56px;
	text-align: center;
}

#Mod136 .module-inner ul.nav-stacked {
	margin-top: 6px;
}

#Mod136 .module-inner ul.nav-stacked li a {
	padding: 2px 0;
	border: none;
	font-size: 14px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	#Mod136 .module-inner h3.module-title span {
	font-size: 15px;
	padding: 8px 53px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
#Mod136 .module-inner h3.module-title span {
	font-size: 18px;
	padding: 8px 107px;
}

#Mod136 .module-inner ul.nav-stacked li a {
	font-size: 16px;
	letter-spacing: 2px;
}
}

div.container.slideshow {
	max-width: 100%;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}

@media (max-width: 767px) {
#Mod136 {
	display: none;
}
}

/*Banner portada Convocatorias*/
#Mod207, #Mod209, #Mod241 {
	border-top: 1px solid #CCC;
}

#Mod207 .module-inner, #Mod209 .module-inner, #Mod241 .module-inner{
	margin-top: 16px;
}

#Mod207 a img, #Mod241 a img {
	transition: ease-in-out 0.2s;
}

#Mod207 a:hover img, #Mod241 a:hover img {
	opacity: 0.6;
}

#Mod209 {
	display: none;
}

img[src*="convocatoria"] {
	width: 100%
}
img[src*="banner_bib"] {
	width: 100%
}

img[src*="thumb"] {
	width: 100%
}

@media (max-width: 767px) {
#Mod207 {
	display: none;
}

img[src*="banner_bib"] {
	width: 50%
}

img[src*="convocatoria"] {
	width: 50%
}


#Mod209 {
	display: block;
	margin-bottom: 0;
}
}


/*Espaciado entre sidenews y sidebars portada*/
@media (max-width: 991px) {
div.content-mass-top + div.item-page {
	border-bottom: 1px solid #CCC;
}
}

@media (min-width: 1024px) {
div.ja-sidenews-list.clearfix {
	width: 440px;
}

div.t3-sidebar.col-xs-12.col-md-6 {
	padding-left: 0;
	padding-right: 0;
}

div.t3-sidebar.t3-sidebar-1.col-xs-12.col-sm-6 {
	padding-left: 0;
	padding-right: 20px;
}

div.t3-sidebar.t3-sidebar-2.col-xs-12.col-sm-6 {
	padding-left: 20px;
	padding-right: 0;
}
}


div.t3-slideshow.wrap {
	border-bottom: 10px solid #CCC;
}

/*Contentslider Multimedia*/
#Mod208 { 
	border-top: 1px solid #ccc;
}

#Mod208 h3.module-title {
	margin-top: 16px;
}

.mediaContainer {
	width: 100%;
	margin-bottom: 20px;
}

.mediaSquare {
	display: inline-block;
	padding: 0px 17px;
}

.mediaSquare:first-child {
	padding-left: 0;
}

.mediaSquare:last-child {
	padding-right: 0;
}

.mediaSquare a img {
	width: 100%;
	opacity: 1;
	transition: ease-in-out 0.2s;
}

.mediaSquare a:hover img {
	opacity: 0.6;
}

@media (min-width: 992px) and (max-width: 1199px) {
.mediaSquare {
	display: inline-block;
	padding: 0px 14px;
}	
}

/*
SE DESCOMENTO DICHA LINEA POR QUE SE QUITARON ELEMENTOS DE LA PLANTILLA COMO EL RECORRIDO VIRTUAL Y OTRAS BANDERAS Y YA NO SE OCUPA LA REGLA
@media (max-width: 991px) {
div.container.contentslider {
	min-height: 300px;
}
}*/

@media (min-width: 768px) and (max-width: 991px) {
.mediaSquare {
	width: 132px;
	display: inline-block;
	padding: 0px 5px;
}	
}

@media (min-width: 659px) and (max-width: 767px) {
.mediaSquare {
	width: 122px;
	display: inline-block;
	padding: 0px 5px;
}	
}

@media (max-width: 658px) {
	
.mediaContainer {
}

.mediaSquare {
	width: 180px;
	display: inline-block;
	padding: 6px 5px;
}
}

/*Sidebar menus------------------------------------------------------------------------------------------------------------------------------------*/
#Mod41, #Mod112, #Mod113, #Mod114, #Mod117, #Mod128, #Mod151, #Mod153, #Mod154, #Mod155, #Mod239{
	width: 200px;
	border: 1px solid #CCC;
	background:white;
	margin-bottom:60px;
}

#Mod41 h3.module-title, #Mod112 h4.module-title, #Mod113 h3.module-title, #Mod114 h3.module-title, #Mod117 h3.module-title, #Mod128 h3.module-title, #Mod151 h3.module-title, #Mod153 h3.module-title, #Mod154 h3.module-title, #Mod155 h3.module-title, #Mod239 h3.module-title {
	padding: 6px 15px;
	color:white;
	background: #4c8cc3;
	margin: 0;
}

#Mod41 div.module-ct, #Mod112 div.module-ct, #Mod113 div.module-ct, #Mod114 div.module-ct, #Mod117 div.module-ct, #Mod128 div.module-ct,  #Mod151 div.module-ct, #Mod153 div.module-ct, #Mod154 div.module-ct, #Mod155 div.module-ct, #Mod239 div.module-ct {
	padding: 0 15px;
}	

#Mod41 .dropdown-menu, #Mod112 .dropdown-menu, #Mod113 .dropdown-menu, #Mod114 .dropdown-menu, #Mod117 .dropdown-menu, #Mod128 .dropdown-menu, #Mod151 .dropdown-menu, #Mod153 .dropdown-menu, #Mod154 .dropdown-menu, #Mod155 .dropdown-menu {
	top: 30px;
	left: 0;
	min-width: 180px !important;
	max-width: 230px !important;
	width: 230px;
}

#Mod41 .dropdown-menu a, #Mod112 .dropdown-menu a, #Mod113 .dropdown-menu a, #Mod114 .dropdown-menu a, #Mod117 .dropdown-menu a, #Mod128 .dropdown-menu a, #Mod151 .dropdown-menu a, #Mod153 .dropdown-menu a, #Mod154 .dropdown-menu a, #Mod155 .dropdown-menu a {
	min-width: 180px !important;
	max-width: 200px !important;
	width: 200px;
	padding-left: 0px;
}

.titulo {
	text-align: left;
	color: #0076C0;
	font-weight: bold;
	margin-left: 2px;
}

.titulo:hover {
	color: #E09B0F;
}

/*Short titles*/
#t3-content div.blog span.shortTitle {
	display: none;
}

#t3-content section.article-content span.puntos {
	display: none;
}

div.blog img[src*="images/publicaciones"] {
	max-width: 143.75px !important;
}

div.blog img[src*="images/publicaciones/portadas_grupos"] {
	max-width: 190px !important;
}
/*2020 estilo de los titulos de los libros individual*/
section.article-content .subtitulos {
	font-weight: normal;
	font-size: 22px;
	line-height: 28px;
	color: #0057B8 !important;
}
.parrafo-libro-individual{
	font-weight:normal;
	font-size:16px;
	line-height:22px;
	color:#6A6A6A;
	margin-right:60px;
	margin-left:60px;
}

/*Zebra*/
.zebra tr:nth-child(2n+1) {
	background: #FAFAFA;
	border-bottom: 1px solid #DDDDDD;
}

.zebra tr:first-child {
	border-top: 1px solid #DDDDDD;
}

.zebra tr:last-child {
	border-bottom: 1px solid #DDDDDD;
}

table.zebra td {
	padding: 10px;
}

table.zebra img {
	display: inline-block;
}

/*BoxNote*/
.box-note {
	background: #FAFAFA;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	padding: 10px 5px;
}

/*Sidebars*/
h6 {
	margin: 0 auto;
	font-weight: bold;
}

h6 + div.article-aside.clearfix {
	margin-bottom: 8px;
}

.tabs-category p.mod-articles-category-introtext {
	font-size: 12px;
	margin-top: 10px;
}

/*Sidebars left*/
#Mod219, #Mod216 {
	max-width: 200px;
	background: #ffffff;
	margin-right: 0px;
	margin-top:20px;
	padding: 15px;
	border-radius: 3px;
}

#Mod219 .btn-default { 
	background: none;
}

/*#Mod188 {
	margin-bottom: 50px;
}*/

#t3-mainbody {
	margin-top: 20px;
}

#Mod219 h3.module-title {
	margin-bottom: 0;
}

#Mod219 ul.category-module li {
	border-top: 1px solid #CCC;
}

#Mod219 h6 a  {
	color: #0076C0;
	transition: ease-in-out 0.2s;
}

#Mod219 h6 a:hover {
	color: #E09B0F;
}


#Mod216 h3.module-title {
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
}


#Mod216 div.mediaContainer div {
	border-bottom: 1px solid #CCC;
	margin-bottom: 18px;
}

#Mod216 div.mediaContainer div a img {
	opacity: 1;
	transition: ease-in-out 0.2s;
}

#Mod216 div.mediaContainer div a:hover img {
	opacity: 0.6;
}

#Mod216 div.mediaContainer a {
	color: #0076C0;
	transition: ease-in-out 0.2s;
}

#Mod216 div.mediaContainer a:hover {
	color: #E09B0F;
}


/*Centrado de pagina en Small*/
@media (max-width: 991px) {
div#t3-content {
	position: relative;
	left: 0;
	width: 100%;
}
}

/*Corrección de sidenews sin tabs*/
#t3-content article section.article-content span.sidenewsText {
	display: none;
}

/*Eliminar asides vacios*/
.article-aside {display: none;}

/*Breadcrumbs*/
#t3-mainbody {
	margin-top:0;
	padding-top:0;
	padding-bottom:0;
}

#t3-masthead {
	background: #FAFAFA;
	border-bottom: 1px solid #DDD;
	/*border-top: 1px solid #DDD;*/
	margin-top: 2em;
}

#t3-masthead div.breadcrumb {
	max-width: 980px;
	margin: 0 auto;
	padding: 8px 10px;
}

#t3-masthead div.breadcrumb img[src$="arrow.png"] {
	margin: auto 3px;
}

/* Estilos para poner los enlaces inline a los iconos de redes sociales */

#Mod228 .redesSociales {
	display:inline-block;
	padding-right: 8px;
}

/*Linea horizontal*/
.lineaHorizontal2 {
	margin-top:25px;
	height:2px;
	border-top:1px dotted #b2b2b2;
}
/*2020 BOTON DE DESCARGA*/
.box-download {
	padding: 10px 20px;
	background: #2377D4;
	border: 1px dotted #dce6be;
	border-radius:4px;
	color:white !important;
	font-size:16px;
	font-weight:bold;
}

.boton-inscripciones {
        padding: 10px 20px;
        background: #2377D4;
        color:white !important;
        font-size:25px;
        font-weight:bold;
	border-radius:4px;
}
.boton-inscripciones:hover {
	 background: #ffb23e;
}

/*cedulas Cielos Latinoamericanos*/

.cedulasContenedor  {
	max-width: 725px;
}

.cedulasContenedor .iconoCedula{
	float: left;
	display: block;
	width:200px;
	padding: 20px;
	
}

.cedulasContenedor .iconoCedula p{
	text-align: center;
}

@media (min-width: 768px) and (max-width: 959px) and (orientation: portrait) {

.cedulasContenedor  {
	max-width: 725px;
}	
	
.cedulasContenedor .iconoCedula{
	padding: 14px;
	width:197px;
}
			
}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
	
.cedulasContenedor  {
	max-width: 725px;
}	
	
.cedulasContenedor .iconoCedula{
	padding: 20px;
	width:197px;
}

}

@media (max-width: 500px) and (orientation: portrait) {
	
.cedulasContenedor  {
	max-width: 725px;
}	
	
.cedulasContenedor .iconoCedula{
	width:175px;
	padding: 20px;	
}
	
}


/*cel horizontal*/

@media (max-width: 767px) {

.cedulasContenedor  {
	max-width: 725px;
	width:175px;
}	
	
.cedulasContenedor .iconoCedula{
	width:120px;
	padding: 1em 3.4em;
}
				
}

/*### BIBLIOTECA DIGITAL ###*/

#bibDigital_container {
	padding-left: 18px;
}

.bibDigital_recuadro {
	padding-left:10px;
	display:inline-block;
	width: 200px;
	margin: 10px 5px;
	text-align:center;
	vertical-align:top;
}


.bibDigital_recuadro p {
	font-family: 'PT Sans', sans-serif;
	color:#0077be;
	font-weight:bold;
	
}

#recursosEnlaces {
	background:#EFEFEF;
	line-height:22px;
	padding:6px;	
}
#recursosEnlaces p{
	margin:0;	
}
/* ## PROGRAMA ACADÉMICO Y BOTÓN AULAS VIRTUALES PORTADA */
.programaAcademico {
	float:left;
}

.aulasVirtuales a{
	border-radius:3px;
	font-family:PT Sans;
	font-weight:300;
	text-align:center;
	font-size:22px;
	width:150px;
	float:right;
	color:white;
	margin-top:12px;
	margin-right:10px;
	padding:4px;
	background:#1073b4;
}

.aulasVirtuales a:hover {
	background:#e09b0f;
}

/*### MATERIALES EDUCATIVOS PROGRAMA INCLUSIÓN ###*/

#materiales_container {
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
}

.material_recuadro {
	vertical-align:top;
	max-width:570px;
	height:250px;
	margin: 10px auto;
}

.material_recuadro img{
	max-width:255px;
	margin:25px;
	float:left;
}

.material_recuadro p {
	padding:40px;
	minimum-width:340px;
	text-align:left;
	font-family: 'PT Sans', sans-serif;
	color:#0077be;
	font-weight:300;
	
}

/* ### Estilos Premio Tesis ### */

#tesis_rollover {
	width:100%;
	height:297px;
	background-image: url(../../../images/graficos/titulo_premio_tesis_2015.jpg);	
	background-repeat: no-repeat;
}

#tesis_rollover:hover{
	width:100%;
	height:297px;
	background-image: url(../../../images/graficos/titulo_premio_tesis_2015_hover.jpg);
	background-repeat: no-repeat;
}

.btn_galeria {
	text-transform:uppercase;
	background:#4182b9;
	width:180px;
	height:36px;
	border-radius:2px;
	font-family: 'PT Sans', sans-serif;
	color:white !important;
	text-align:center;
	line-height:36px;
	float:right;
	margin-bottom:15px;
	
}

.btn_galeria a{
	display:block;
	color:white !important;
	
}

.btn_galeria:hover {
	text-transform:uppercase;
	background:grey;
	width:180px;
	height:36px;
	border-radius:2px;
	font-family: 'PT Sans', sans-serif;
	color:white;
	text-align:center;
	line-height:36px;
	float:right;
	margin-bottom:15px;
	
}

/* ## ESTILOS FORO VIRTUAL 2016 ## */

.form_section_title {
	font-family: 'PT Sans', sans-serif;
	font-weight:300;
	font-size:20px;
	padding-bottom:8px;
	border-bottom: solid 1px #DDD;
	margin-bottom:10px;	 	
	color:#333;
}

.form_boxes {
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	color:#999;
	height:34px;
	border-radius:4px;
	border:1px solid #ccc;
	margin:10px 0;
}
.form_boxes_multi {
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	color:#999;
	border-radius:4px;
	border:1px solid #ccc;
	margin:10px 0;
}

.field_title {
	font-family: 'PT Sans', sans-serif;
	font-weight:600;
	font-size:17px;
	color:#666;

}
.form_container {
	padding-left:20px;
	border:1px solid #CCC;
	border-radius:4px;
	margin-left:40px;	
}

.field_wide {
	width:270px;
}

/* ### ESTILOS FORO VIRTUAL 2016 ## */

.temas li {
	list-style-type: none;
	font-size:13px;
	text-align:center;
	width:105px;
	float:left;
	margin:5px 10px;
}
.temas li img {
	margin:5px auto;
}

.temas {
	overflow:auto;
	clear:both;
}

.horarios {
	overflow:visible;
	margin:5px auto;
}

.horarios img {
	margin:10px auto;
}

.center {
	text-align:center;
}
.btn_foro_virtual {
	text-align:center;
	font-size:26px;
	font-weight:bold;
	max-width:400px;
	background:#f5951d;
	display: inline-block;
    padding: 0 10px;
    color: white !important;
    line-height:50px;
    display: block;
	border-radius:6px;
	margin:20px auto;
}

.btn_foro_virtual:hover {
	background:#0071b8;
}

/* ### ESTILOS PUBLICACIONES RECIENTES HOME ### */

.publicacionesRecientes {
	max-width:28% !important;
	height:450px;
	background:red;
}

.librosHome {
	width:50%;
	height:110px;
}

/*SE AGREGO ESTA LINEA DEBIDO A QUE SE PERDIERON ESTILOS EN LA CLASE article-content CUANDO SE AGREGO UN NUEVO ARTICULO POR ESO SE VUELVE A AGREGAR
EL ESTILO PERO SIN LA CLASE DE CONFLICTO PARA QUE FUNCIONE EL ESTILO CORRECTAMENTE
09-12-19 IVON-DANIEL
*/
section .subtitulos{
	font-weight: 300;
	font-size: 22px;
	line-height: 22px;
	color: #0076c0;
}
/*FONDO AZUL*/
/*body > div.t3-wrapper {
	background-color: #004B7D;
}*/
/*SECCION 1*/
body > div.t3-wrapper div#t3-department > div.container.department {
	background: #efefef;
	height: auto;
	
	/*border-color: white black white black;
	border-width: 1px;

	-webkit-box-shadow:  -9px 0px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow:  -9px 0px 10px -5px rgba(0,0,0,0.75);
	box-shadow:  -9px 0px 10px -5px rgba(0,0,0,0.75);*/
	
}
/*SECCION 2*/
body > div.t3-wrapper div#t3-department + div.container {
	background: #D7D5D5;
	/*-webkit-box-shadow:  -9px 0px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow:  -9px 0px 10px -5px rgba(0,0,0,0.75);
	box-shadow:  -9px 0px 10px -5px rgba(0,0,0,0.75);*/
}
/*NOTA MEGAIMPORTANTE SE OCULTO ESTE ESPACIO PARA QUE QUEDARA JUNTO AL CONTENIDO DE ABAJO*/
body > div.t3-wrapper div#t3-department + div.container + div#t3-mainbody {
	background: #3e3c3c;
	display:none;
	/*-webkit-box-shadow:  -9px 0px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow:  -9px 0px 10px -5px rgba(0,0,0,0.75);
	box-shadow:  -9px 0px 10px -5px rgba(0,0,0,0.75);*/
}
/*PERMITIR QUE EL DEPARTEMENT SE AJUSTE AL CONTENIDO*/
#t3-department { 
	height: auto;
}
body > div.t3-wrapper > div.t3-contentslider > div{
	background: #EFEFEF;
	padding: 0;
 /*   padding-right: 0;*/
}
#Mod265 > div > div > div > p{
	margin:0;
}


#Mod228 .red-social-fondo{
	color: white;
}

#Mod228 > div > div > div > p:nth-child(2) > span > a:hover{
	color: #4c4f53;
}
#Mod228 > div > div > div > p:nth-child(2) > span > a:visited{
	color: #4c4f53;
}
.letra-blanca{
	color: white;
	font-weight: bold;	
}
.letra-azul-contacto{
	color: #5381ae;
	font-weight: bold;	
}
.link-footer{
	color: white !important;
	text-decoration: none;	
}

body > div.t3-wrapper > div.t3-sl.t3-bot-sl{
	/*background-color: #0F4278;*/
	background-color:white;
	border-style: none;
}

#t3-footer{
	background-color: #01426A;
	border-style: none;
}

/*COLOR DE LAS REDES SOCIALES BACKGROUND EN EL FOOTER*/
#direccion > p > span > i{
	color: white;
	font-weight: bold;	
}
#direccion > p > span > a:hover{
	color: #0057B8;
}
#direccion > p > span:nth-child(3) > a{
	color: white;
	font-weight: bold;		
}

/*QUITAR EL MARGEN BLANCO EL BORDE Y AGREGAR SOMBRA AL MASTERHEAD*/
#t3-masthead{
	margin: 0;
	border-bottom: 0;
	/*-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);*/
}
/*QUITARLE EL BORDE GRIS QUE GENERA EL SLIDER EN LA PARTE DE ABAJO*/
div.t3-slideshow.wrap {
	border-bottom: none;
	/*-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);*/
}
#t3-content > div > article > header > h1 {
	color: #004A7D;
}
/*2020 ESTILOS PARA EL CONTENIDO DE LAS REVISTAS*/
#t3-mainbody > div.row > #t3-content{
	/*-webkit-box-shadow: 0px 5px 9px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 9px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 9px 3px rIgba(0,0,0,0.75);*/
	background:#EFEFEF;
	margin-top:0;	
	margin-bottom:0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background-color: #004B7D; 
	border-color: #004B7D;
	color: white !important;
}
#Mod266 > div > div > div > p:nth-child(2) > a > img{
	margin-left: 100px;
	/*margin-top: 50px;*/
}
#Mod266 > div > div > div > p:nth-child(1){
	text-align: center;
}
/*CAMBIO DE TAMAÑO DE LETRA DEL MENU*/

.navbar-default .navbar-nav > li > a {
	font-size: 16px;
}


.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a{
	font-size: 16px;
}

/*CSS PARA LOS ESTILOS DEL ANIVERSARIO EN LA PLANTILLA HOME ANIVERSARIO*/
.sombra-aniversario{
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	margin-bottom: 10px;

	/*border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;*/
}

#phocagallery > div:nth-child(7){
	display:none !important;
}
/*AUMENTAR TAMAÑO DEL HEADER
#t3-header > div > div{
	margin-top: 50px;
    margin-bottom: 50px;
}
*/
@media (min-width: 200px) and (max-width: 550px){
	/*MARGENES DEL LOGO DE LA PAGINA*/
	#t3-header > div > div{
		margin-top: 20px;
		margin-bottom:20px;
    	
	}
	#Mod266 > div > div > div > p:nth-child(2) > a > img{
		margin-left: 30px;
	}
	#Mod259 > div > div > div > p > a > img{
		width: 100%;
	}

}
/*CONFIGURACION PARA LAS 3 IMAGENES DEL ANIVERSARIO*/
@media(min-width: 660px) and (max-width: 768px){ 
	body > div.t3-wrapper > div.container.t3-top-sl.t3-sl.t3-sl-1 > div > div:nth-child(2) {
		/*width: auto;*/
		padding-left: 10%;
	}

}

@media(min-width: 200px) and (max-width: 660px){ 
	body > div.t3-wrapper > div.container.t3-top-sl.t3-sl.t3-sl-1 > div > div:nth-child(2) {
		/*width: auto;*/
		padding-left: 18%;
	}

}


@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {

	.tarjeta span{
		font-size:15px !important;
			
	}

}

@media (min-width: 200px) and (max-width:600px) {
	 .carousel-inner > .item > img{
                /*height:400px !important;*/
        }

}

/*ESTILOS PARA LAS TARJETAS*/
.contenedor-padre{
    	text-align: center;
}
.contenedor{
	/*display:inline-block;*/
    	position: relative;
    	text-align: left;
 
}
.contenedor img{
	margin-bottom:15px;
	padding:2%;
}
.contenedor div p {
	font-size:17px;
        font-weight:bold;
        color:white;
        padding:10px;
}
 
.texto-encima{
    	position: absolute;
    	top: 10px;
    	left: 10px;
}
.centrado{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
}
.abajo{
	position: absolute;
	top:90%;
	left:50%;
	transform: translate(-50%, -50%);
}
/*ESTILOS SECCION 1*/
.titulo-nuevo{
	font-size:30px;
       	text-align:center; 
        color:black;
	font-weight:bold;
    
}
.subtitulo-nuevo{
	font-weight:bold;
	font-size:24px;
	color:#000000;
}
.subtitulo-nuevo-eventos{
	font-weight:bold;
        font-size:22px;
        color:#000000;

}
.titulo-link{
	font-weight:600;
	font-size:14px;
	color:#0057B8;
}
.titulo-link-eventos{
	font-weight:normal;
        font-size:14px;
        color:#0057B8;
}
.titulo-link-eventos:hover{
	color:#FFB23E;
}
.titulo-link-recursos{
	font-weight:normal;
        font-size:14px;
        color:#0057B8 !important;
}
.titulo-link-recursos:hover{
	color:#FFB23E !important;
}
.alinear-vertical{
	display: flex;
    	align-items: center;
}
.separador-pipe{
	margin-left:7px;
	margin-right:7px;	
	border-left: 2px solid #9B9A9A;
  	height: 22px;
}
.tarjeta{
	background:white;
}

.tarjeta p{
	padding:10px;
	text-align:left;
}
.tarjeta-titulo{
	font-weight:bold;
        font-size:18px;
        color:#000000 !important;
	line-height:15px;
}
.tarjeta-titulo:hover{
	color:#FFB23E !important;
}
.tarjeta-titulo-recurso{
	font-weight:bold;
        font-size:18px;
        color:#000000 !important;
        line-height:15px;
}
.tarjeta-subtitulo{
	font-weight:normal;
        font-style:normal;
        font-size:13px;
	line-height:15px;
}
.tarjeta-fecha{
	font-weight:normal;
        font-style:normal;
        font-size:11px;
	line-height:15px;
}
.tarjeta img{
	display: block;
        position: relative;
}
.evento-fecha{
	
	background:#0057B8;
	text-align:center;
}
.evento-fecha-numero{
	font-weight:600;
	font-size:20px;
	color:#FFFFFF;
}
.evento-fecha-mes{
	font-weight:600;
	font-size:14px;
	color:#FFFFFF;
}
.evento-link{
	color:#000000 !important;
}
.evento-link:hover{
	color:#FFB23E !important;
}
/*
.tarjeta span{
	display: block;
  	position: absolute;
  	top: 5%;
  	left: 5%;
  	padding: 10px;
	font-size:30px;
	font-weight:bold;
	color:white;
	text-align:center;
}*/
#t3-department > div > div > div > div.row.seccion-uno > div:nth-child(4) > div:nth-child(3) > div.col-xs-2.col-sm-2.col-md-2{
	padding:5px;
}
#t3-department > div > div > div > div.row.seccion-uno > div:nth-child(4) > div:nth-child(4) > div.col-xs-2.col-sm-2.col-md-2{
	padding:5px;
}
/*BACKGROUND SECCION 4*/
.t3-sl-3 .container{
	border-top:none ;
	background:#D7D5D5;
}
.seccion-uno{
	margin-bottom:3%;
}
.seccion-uno > div  {
	margin-bottom:2%;
}
/*
.t3-sl a{
	color:#0057B8 !important;
}
.t3-sl a:hover{
	color:#FFB23E !important;
}*/
/*ESTILOS SECCION 2*/
.seccion-dos{
	

}

.titulo-seccion-dos-b{
	margin-top:3%;
	font-size:22px;
	font-weight:bold;
	padding-left:5%;
	color:#FFFFFF;
	margin-bottom:0px;
}
/*
.seccion-dos > div > ul {
	margin-left:7%;
	padding-right: 7%;
}
.seccion-dos > div > ul > li{
	font-size: 15px;
    	font-weight:bold;	
    	margin-bottom: 10%;
}
.seccion-dos > div > ul > li > a:hover{
	color:white;
}
*/
.seccion-dos-a{
	 padding:0;
}

.seccion-dos-b{
	
	/*margin-bottom:5%;
          background:#e5e5e5;*/
        background:#014898;
        min-height:500px;
	
}
.seccion-dos div ul{
	list-style:none;
}

.seccion-dos div ul > li:first-child:before { 
    	content: "";
    	border-color: transparent #FFFFFF;
    	border-style: solid;
   	border-width: 0.35em 0 0.35em 0.45em;
    	display: block;
   	height: 0;
  	width: 0;
  	left: -1em;
   	top: 1em;
    	position: relative;
}
.seccion-dos div ul:first-child {
	font-size:18px;
	font-weight:bold;
	color:#FFB23E;
	line-height:22px;
}
.seccion-dos div ul > li:nth-child(2) > a{
	font-weight:normal;
	color:#fff ;
	line-height:18px;
	font-size:14px;
}

.seccion-dos div ul > li:nth-child(2) > a:hover{
        color:#FFB23E ;
}



/*ESTAS CLASES SE USAN PARA OCULTAR Y APARECER EL TEXTO DE LA SECCION-DOS-A*/
.imagebox {
	background: black;
	padding: 0px;
	position: relative;
	text-align: center;
	width: 100%;
}

.imagebox img {
	opacity: 1;
	transition: 0.5s opacity;
	max-height:600px;
}

.imagebox .imagebox-desc {
	display:none;
	top:0px;
	background-color: rgba(1, 74, 152, 0.6);
	bottom: 0px;
	color: white;
	font-size: 1.2em;
	left: 0px;
	padding: 10px 15px;
	position: absolute;
	transition: 0.5s padding;
	text-align: center;
	width: 100%;
	opacity:0;
   	transition: .5s ease;
}
.seccion-dos-movil{
	display:none;
	text-align:center;
}
.boton-trans{
	background:transparent;
	color:white !important;
	border-radius: 5px;
	text-transform:none;
	font-weight:bold;
	width:130px;
	border:2px solid white;
}
.boton-trans:hover{
	background:white;
	color:#0057B8 !important;
	
}
.img-tablet{
	display:none;
}
/*CLASES PARA PONER TEXTO SOBRE UNA IMAGEN*/
.caja-imagen{
	padding: 0px;
        position: relative;
        text-align: center;
        width: 100%;
	margin-bottom:20px;
}
.caja-imagen .caja-imagen-texto {
       	font-weight:bold;
        bottom: 0px;
        color: white;
        font-size: 1.2em;
        left: 0px;
        padding: 10px 15px 20px;
        position: absolute;
        text-align: center;
        width: 100%;
}
/*FIN DE LAS CLASES PARA PONER TEZTO SOBR UNA IMAGEN*/
/*FIN DE LAS CLASES PARA OCULTAR*/
.row {
     margin-left: 0 !important; 
     margin-right: 0 !important;
}
#carruselTarjetas .container > .row > div{
	
}
#carruselTarjetas .card {
	background:#e5e5e5;

}
#carruselTarjetas .card .card-body{
	padding:5%;
}
#carruselTarjetas .card img {
	width:100%;
}

#carruselTarjetas > a.left.carousel-control{
	 background-image: none !important;
}

#carruselTarjetas > a.right.carousel-control{
	background-image: none !important;
}
#carruselTarjetas{
	margin-bottom:5%;
}

.seccion-dos-fila-tres > div{
	padding:1%;
}
.seccion-dos-fila-dos > div{
	padding-bottom:10px;
}
/*SECCION 3*/

.seccion-tres-fila-1{
	background:url("../../../images/sitio_2020/fondos/fondo_publicaciones.jpg") no-repeat  center;
	background-size: cover;
}
.seccion-tres-fila-1 > div{
	/*margin-top:4%;
	margin-bottom:3%;*/
}
.tarjeta-seccion-tres{
	padding-bottom:1px;
}
.seccion-tres-fila-2  img{
	margin-top:-30px;
	
}
.tarjeta-seccion-tres p {
	color:white;
	text-align:left;
	margin-left:5%;
	margin-bottom:5%;
	font-size:18px;
	font-weight:600;
}
.tarjeta-seccion-tres p  a{
	color:white;
}
.tarjeta-seccion-tres p a:hover{
	color:#FFB23E;
}
.seccion-tres-mesa{
	background:#efefef;
	/*margin-left: -10px !important;
    	margin-right: -10px !important;*/
	margin-top:60px;
	/*border-top:1px solid white;*/
}
.seccion-tres-mesa-pie{
	background:#e6e6e6;
	height:20px;
	box-shadow: 0 4px 2px -2px gray;
}

.seccion-tres-fila-2 div > p{
	color:#000;
        text-align:left;
        margin-left:5%;
        margin-bottom:5%;
        font-size:18px;
        font-weight:600;


}
/*SECCION 4*/
.seccion-cuatro .tarjeta{
	min-height:320px;
	margin-bottom:10px;
}


.seccion-cuatro .tarjeta p a{
	color:black;
	font-weight:bold;
	font-size:18px;
	line-height:20px;
}
.seccion-cuatro .tarjeta p a:hover{
	color:#FFB23E;
}

/*BACKGROUND DE LOS A SIEMPRE ERA ROJO*/
.t3-sl a:hover {
     color: white;
}
/*OCULTAR HOME*/
.navbar-default .navbar-nav > li:first-child > a{
	display:none;
}
/*ESTILOS DEL NAV*/
.navbar-default{
	border:none !important;
	box-shadow:none;
}
#t3-mainnav{
	padding:0px 0px 10px;
	background:#0057B8;
}
.navbar-default .navbar-nav > li > a{
	border-right:1px solid #2377D4;
	border-left:none;
}
.navbar-default .navbar-nav > li > a:hover{
	border-right:1px solid #2377D4 !important;
	background: rgba(255, 255, 255, 0.5) !important;
	border-left:none !important;	
}
.navbar-default .navbar-nav > li:last-child >a:hover {
        border-right:none !important;
}
.t3-megamenu .mega-dropdown-menu{
        background:#014898;
	
}
.t3-megamenu .mega-nav > li, .t3-megamenu .dropdown-menu .mega-nav > li{
	border-bottom:1px solid #2377D4;
	border-top:none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, li > a:hover{
	background-color:#014898;
}
.navbar-default .navbar-toggle{
	background:#014898;
	border-color:#014898;
}
.navbar-default .navbar-toggle > i{
        font-size:17px;
}
.navbar-default .navbar-nav > .active > a{
	background:#0057B8
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active.open > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active.open > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active.open > a:focus{
	border-top:3px solid #014898;
}
/*QUITAR BORDE DEL CONTENIDO DE LAS INTERNAS*/
#t3-content{
	border:none;
	padding:0;
	
}
/*ESTILOS DE LA BARRA DE BUSQUEDA*/
.head-search .form-control{
	background:#014898;
	
}
.head-search .form-control:hover, .head-search .form-control:focus{
	background:#014898;
	color:white;
}

.head-search .button{
	background:#014898;
}

.head-search .button:hover{
	background:#014898;
}
/*ESTILOS DEL FOOTER*/
.texto-footer-contacto{
	font-size:16px;
	font-weight:600;
	color:#FFF;
}
#direccion{
	font-size:10px;
	font-weight:normal;
	color:#FFF;
}
#direccion .aviso{
	color:#fff;
	font-weight:bold;
}
.t3-copyright a{
	color:#0057B8;
}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}
.separador-footer{
	margin-left: 7px;
   	margin-right: 7px;
    	border-left: 2px solid white;
    	height: 5px;
}
.br-footer{
	display:none;
}
/*ESTILO DEL DIRECTORIO EN PAGINAS INTERNAS*/
#contenedorInternas{
	background:#EFEFEF;
	padding-top:20px;
	padding-left:40px;
	padding-right:40px;
	margin-bottom:25px;
}
.titulo-internas{
	color:white;
	background:#01426A;
	margin:0;
	padding:10px 40px 10px 40px;
	font-size:24px;
	font-weight:bold;
	margin-top:30px;
	line-height:31px;
}
.espacio-directora{
	height:30px;
	background:#EFEFEF;
}
.fondo-directora{
	background:#E5E5E5;
	padding:20px 40px 20px 40px;
}
.fondo-directora > p:nth-child(1), #contenedorInternas .estilo-directorio > p:nth-child(1), #contenedorInternas .estilo-directorio-otro > p:nth-child(1), #contenedorInternas .estilo-directorio-otro > p:nth-child(2){
	font-weight:bold;
	font-size:24px !important; 
	line-height:21px;
	color:#2377D4;
}
.fondo-directora > p:nth-child(2), #contenedorInternas .estilo-directorio > p:nth-child(2), #contenedorInternas .estilo-directorio-otro > p:nth-child(3){
        font-weight:bold;
        font-size:20px !important; 
        line-height:26px;
        color:#000;
}
.fondo-directora > p, #contenedorInternas .estilo-directorio > p{
        font-weight:normal;
        font-size:18px !important; 
        line-height:23px;
        color:#000;
}
.hr-internas{
	border-top: 1px solid #C4C4C4;
}

/*ESTILOS PAGINAS INTERNA DOCUMENTOS FUNDACIONALES*/
#contenedorInternas > p > a {
	font-style:normal;
	font-weight:bold;
	font-size:24px;
	color:#2377D4;
}

.texto-crefal-actual > p{
	font-style:normal;
	font-weight:normal;
	font-size:18px !important;
	color:#000000;
	line-height:23px;
}

/*ESTILOS PAGINA INTERNA ANTECEDENTES HISTORICOS*/
.subtitulo-antecedente{
	font-style:normal;
	font-weight:bold;
	font-size:18px;
	color:#01426A;	
}
/*ESTILOS PUBLICACIONES*/
.blog{
	background:#EFEFEF;
	padding:30px 30px 0px 30px;
}
.blog > div > .page-title{
	font-weight:bold;
	font-size:24px !important;
	line-height:31px;
	text-transform:uppercase;
	color:#454444;
}
.blog .items-leading > div  section, .items-row.cols-1 > div > div section {
	border-bottom:1px solid #C1C1C1;
	padding-top:30px;
	padding-bottom:30px;
}

.blog .items-leading > div:nth-child(1){
	border-top:1px solid #C1C1C1;	
}

.blog .items-leading > div  section .subtitulos, .items-row.cols-1 > div > div section .subtitulos {
        color:#0057B8 !important;
	font-size:20px;
	line-height:26px;
	font-weight:normal;
}
.blog .items-leading > div  section .subtitulos:hover, .items-row.cols-1 > div > div section .subtitulos:hover  {
        color:#E09B0F !important;
}


.blog .items-leading > div:nth-child(1) section{
        padding-bottom:30px;
}

.blog .items-leading > div section >  p:nth-child(3), .items-row.cols-1 > div > div section > p:nth-child(3){
        font-weight:normal;
	font-size:14px !important;
	line-height:19px;
	color:#6A6A6A;
}

.category-desc ~ .items-row.cols-1.row-0.row{
	 border-top:1px solid #C1C1C1;

}

/*ESTILOS DE PROGRAMAS DE FORMACION*/
.titulo-internas-2{
	font-weight:bold;
	font-size:24px;
	line-height:31px;
	color:black;
}
.contenedorPrograma{
	margin-top:30px;
}
.contenedorPrograma  .hr-internas{
	margin-top: 80px;
}
.titulo-programa{
	font-weight:normal;
	font-size:22px;
	line-height:26px;
	color:black !important;
} 
.titulo-programa:hover{
	color:#E09B0F !important;
}
.contenedorRecursos{
	background:#D2D2D2;
	padding:30px 20px 30px 20px;	
}
.tarjeta-2{
	background:white;
}
.tarjeta-2 p{
	padding:10px;
}
/*ESTILOS DE BIBLIOTECA INTERNA*/
.tarjeta-3 {
	background:#014898;
}
.tarjeta-3 p{
	padding:10px;
}
.tarjeta-3 p a{
	color:white !important;
	line-height:23px;
}
.contenedorServicios{
	padding:30px 10px 20px 10px;
}
.contenedorPromocion{
	background:#D7D5D5;
	padding:30px 10px 20px 10px;
}
.contenedorPromocion .row{
	margin-bottom:30px;
}
.titulo-acordeon{
    	font-size: 24px;
    	font-weight: bold;
    	line-height: 31px;
}


/*TAMAÑO ESCRITORIO GRANDE*/
	
@media only screen and (min-width: 1300px) {        
	.container {
                width:1300px;
        }
    }

@media only screen and (min-width: 1440px) {
        /* styles for browsers larger than 1440px; */
	.container {
       		width:1300px;
    	}
}

@media only screen and (max-width: 1280px) {
        
        .subtitulo-nuevo-eventos {
        	padding-left: 10px;        
        }

	

}

/*CUANDO SEA TABLET*/
@media only screen  and (max-width:1024px) {
	
	.br-recursos{
		display:none;
	}
	/*ESTILO PARA APARECER EL OVERLAY DE LAS LETRAS*/
	.seccion-dos-b{
		display:none;
	}
	.seccion-dos-fila-dos{
		margin-bottom:50px;
	}	
	.imagebox {
  		background: black;
  		padding: 0px;
  		position: relative;
  		text-align: center;
  		width: 100%;
	}
	.imagebox img {
  		opacity: 1;
  		transition: 0.5s opacity;
	}
	.imagebox .imagebox-desc {
		display:block;
  		top:0px;
  		background-color: rgba(1, 74, 152, 0.6);
  		bottom: 0px;
  		color: white;
  		font-size: 1.2em;
  		left: 0px;
  		padding: 10px 15px;
  		position: absolute;
  		transition: 0.5s padding;
  		text-align: left;
  		width: 100%;
  		opacity:1;
   		
	}

	.imagebox:hover .imagebox-desc {
        	opacity:1;
	}
	/*FIN DEL OVERLAY*/
	.tarjeta{
		min-height: auto;
		
	}
	.img-desktop{
		display:none;
	}
	.img-tablet{
		display:block;
	}
	.titulo-seccion-dos-b{
		margin-bottom:0;
	}
	#t3-department > div > div > div > div.row.seccion-uno > div:nth-child(4) > div:nth-child(3) > div.col-xs-2.col-sm-2.col-md-2{
        	padding:10px;
	}
	#t3-department > div > div > div > div.row.seccion-uno > div:nth-child(4) > div:nth-child(4) > div.col-xs-2.col-sm-2.col-md-2{
        	padding:10px;
	}
	.contenedorPrograma  .hr-internas{
		margin-top:60px;
	}
		
	.tarjeta-3 > iframe{
		height:160px;
	}	
	.tarjeta-3{
		min-height:275px;
	}
	.tabla-inscripciones{
		width:600px;	
	}

	.evento-fecha{
		margin:0 15px 0 15px;
	}
}
@media only screen and (max-width: 800px){
	.seccion-tres-mesa{
                margin-left:0 !important;
                margin-right:0 !important;
        }
	.texto-crefal-actual > p > .br-separador{
		display:none;
	}
	#t3-department > div > div > div > div.row.seccion-uno > div:nth-child(4) > div:nth-child(3) > div.col-xs-2.col-sm-2.col-md-2{
        	padding:10px;
	}
	#t3-department > div > div > div > div.row.seccion-uno > div:nth-child(4) > div:nth-child(4) > div.col-xs-2.col-sm-2.col-md-2{
        	padding:10px;
	}
	.tarjeta-3{
		min-height:0px;
	}
	.tabla-inscripciones{
                width:100%;
        }
	.head-search{
		display:none;
	}

}
@media only screen and (max-width: 600px){
	 .contenedorPrograma  .hr-internas{
                margin-top:10px;
        }
	.contenedorPrograma img{
                margin-bottom:20px;
		margin:10px auto;
        }
	.contenedorPrograma{
		text-align:center;
	}
	.subtitulo-antecedente ~ p >  br{
		display:none;
	}

	.imagebox .imagebox-desc{
                font-size:1em;
        }
        .seccion-dos-tablet{
                display:none;
        }
        .seccion-dos-movil{
                display:block;
        }
        .titulo-seccion-dos-b{
                padding:0;
                line-height:37px;
        }
        .seccion-dos-fila-dos{
                margin-bottom:50px;
        }
        .tarjeta{
               /* min-height:350px;*/
        }
        .seccion-dos-b{
                display:none;
        }

        .img-desktop{
                display:none;
        }

}

@media only screen and (max-width:480px){
	/*.imagebox .imagebox-desc{
		font-size:1em;
	}
	.seccion-dos-tablet{
		display:none;	
	}
	.seccion-dos-movil{
		display:block;
	}
	.titulo-seccion-dos-b{
		padding:0;
		line-height:37px;
	}
	.seccion-dos-fila-dos{
		margin-bottom:50px;
	}
	.tarjeta{
		min-height:350px;
	}
	.seccion-dos-b{
		display:none;
	}
	
	.img-desktop{
		display:none;
	}*/
	.seccion-tres-fila-2 > div{
        	margin-bottom:30px;
	}
	/*ESTIDLO PAGINA INTERNA DIRECTORIO*/
	.fondo-directora > p, #contenedorDirectorio .estilo-directorio > p, #contenedorDirectorio .estilo-directorio-otro > p {
		font-size:12px !important;
	}
	/*ESTILO PAGINA INTERNA DOCUMENTOS FUNDACIONAL*/
	#contenedorInternas > p > a{
		font-size:18px;	
	}
	/*ESTILO PAGINA INTERNA EL CREFAL ACTUAL*/
	.texto-crefal-actual > p{
		font-size:16px !important;
	}
	.br-footer{
		display:block;
	}
	.parrafo-libro-individual{
                margin-right:0;
                margin-left:0;
        }
	#contenedorInternas{
		padding-left:10px;
		padding-right:10px;
	}	

}
@media only screen and (max-width:320px){
	.br-programas{
		display:none;
	}
}
