/**************************  FUENTES ***********************/
/* Michroma */
/*@font-face {
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400;
  src: local('Michroma'), url(http://fonts.gstatic.com/s/michroma/v8/PN_zRfy9qWD8fEagAPg9pTk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
/* Roboto cyrillic-ext */
/*@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}*/

/*  Roboto cyrillic */
/*@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}*/
/* Roboto greek-ext */
/*@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}*/
/* Roboto greek */
/*@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}*/
/* Roboto vietnamese */
/*@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}*/
/* Roboto latin-ext */
/*@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* Roboto latin */
/*@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/

/*@import url('https://fonts.googleapis.com/css?family=Michroma');*/
/* michroma-regular - latin */
@font-face {
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/michroma-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/michroma-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/michroma-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/michroma-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/michroma-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/michroma-v11-latin-regular.svg#Michroma') format('svg'); /* Legacy iOS */
}
/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
/* roboto-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


body {
	    font-size: 18px;
}

.fc-day-grid-event {
  cursor: pointer !important;
}

.texto_indice_inicial{
  margin-top: 20px;
}

#btFullScreen {
    margin: 10px 0 20px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background: #f1f3f4;  
}
/**************************  Botones ***********************/
video:-webkit-full-page-media{
  width: 70%;
}

.fc-toolbar.fc-header-toolbar {
  text-transform: capitalize;
}
.btn_blue:hover {
  color: #fff;
}
.btn_blue {
    border: 3px solid #183346;
    border-radius: 3px;
    color: #fff;
    background: #183346;
	cursor:pointer;
}

.btn_blue:hover {
    border: 3px solid #1f4488;
	background:#1f4488;
}
.btn_blue:visited {
    border: 3px solid #183346;
  background:#183346;
}
.btn_volver{
    background: rgba(0,0,0,.03);
    color: #212529;
}

.btn_volver:hover{
    background: #a0a9af;
}

.footer_actividades{
  margin-top:-80px !important;
}

/**************************  Sliders ***********************/
:focus {
    outline: -webkit-focus-ring-color auto 0px!important;
}

.home-slider {
	text-align:center;
	display: grid;
}
.home-slider span {
	position: relative;
    top: 36%;
    font-size: 57px;
}

.home-slider {
	    background-position: bottom!important;
	    background-size: cover!important;
}

.home-slider-0 {
	background:url(../images/slider.jpg);
	    background-position: bottom;
	    background-size: cover;
}

.home-slider-1 {
	background:url(../images/ejemplo-01-leccion-del-dia-ucdm.jpg);
	    background-position: bottom;
	    background-size: cover;
}
.home-slider-2 {
	background:url(../images/ejemplo-02-leccion-del-dia-ucdm.jpg);
	    background-position: bottom;
	    background-size: cover;
}
.home-slider-3 {
	background:url(../images/ejemplo-03-leccion-del-dia-ucdm.jpg);
	    background-position: bottom;
	    background-size: cover;
}
.home-slider-4 {
	background:url(../images/ejemplo-04-leccion-del-dia-ucdm.jpg);
	    background-position: bottom;
	    background-size: cover;
}

.input_text_slider_class{
  display:none;
}

#modal_slider_width{
  max-width:855px;
}

#estilos_imagen_slider{
  width:100%;
  max-width:100%;
  max-height: 200px;
  margin-bottom: 10px;
}

#input_text_slider{
  display:none;
}

#progresoCont{
  width:270px;
  height: 10px;
  background: #EEE;
  border: 2px solid #EEE;
  margin: 0 auto;
}

#progreso{
  height: 10px;
  background: #333;
  width:0px;
}

.dropdown-menu>.container>.row>div {padding-right: 5px!important;  padding-left: 5px!important;}

/** DROPDOWN SUBMENU **/


.dropdown-submenu {
    position: relative;
}
.dropdown-menus {
	position:absolute;
}


/*
.dropdown-submenu>.dropdown-menus {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
*/
.dropdown-submenu>.dropdown-menus {
    /* top: 0; */
    background: #fff;
    width: 177px;
    /* left: 100%; */
    margin-top: 0px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu>.dropdown-menus {
    display: none;
}
.dropdown-submenu:hover>.dropdown-menus {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}


.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menus {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/**************************  HEADER STYLE ***********************/
.desktop{
  padding-bottom:3px;
}

.logo-desktop{
  width:95%;
  max-width:410px;
  margin:10px auto;
  /*margin-top: 75px;*/
  text-align: center;
}
.logo-desktop img{
  margin: auto;
  width: 100%;
  max-width: 410px;
}
#logRespons{
  width: 80px;
  height: 55px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
#logRespons img{
  height: 100%;
}
.header {font-family:'Michroma', sans-serif;}
.home-slider {
    background: #696969;
    height: 468px;
	color:#fff;
}

.home-slider div {
    height: 100%;
}

a.navbar-login {color:#fff; font-size: 17px;    margin-top: 8px;display: inline-block; text-decoration: none;}
ul.navbar-nav {
    margin: auto;
    margin-top: 5px;
}


#superMenu { width: 100%; z-index: 1000;}
.fixed{
  position: fixed !important;
  top: 0;
}


.slick-next {
    right: 5px!important;
	height: 50px!important;
}
.slick-prev {
    left: 5px!important;
	z-index: 1;
	height: 50px!important;
}

.home-slider .slick-prev:before {
    content: "<";
    font-family: monospace;
    font-size: 50px;
	
}
.home-slider .slick-next:before {
    content: ">";
    font-family: monospace;
    font-size: 50px;
}

.line-100 {
      text-align: center;
    border-top: 1px solid #000;
    padding: 5px 0;
	  /*  height: 0px;
    width: 100%;
    background: #ddd;
	-webkit-box-shadow: 0px 0px 0.50px 0.50px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 0.50px 0.50px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0.50px 0.50px rgba(0,0,0,0.75);*/
}

/**************************  NAVBAR ***********************/
.page-item.active .page-link {
    background-color: #183346;
    border-color: #183346;
}
nav {
/*	background-color:#0D134A!important;*/
  background-color:#183346!important;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:0rem;
}

.navbar .dropdown-menu {
  border:none;
  /*background-color:#0060c8!important;*/
	background-color:#fff;
	font-size:15px;
  margin-bottom: 10px;
}

.navbar .dropdown-menu a { color:#333!important;}

#nav_estilo_set{
  max-width: 833px;
  margin: auto;
}

#sesion_extra_estilo{
  display: none; 
  color: white;
  text-decoration: none;
}

#otra_sesion_estilo{
  display: inline-block; 
  color: white;
  text-decoration: none;
}

#sesion_creada_nav_estilo{
  display: inline-block;
}


/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}




/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
  padding:.5rem .5rem;
  margin:0 .25rem;
  font-size: 17px;
}

.navbar .dropdown-menu {padding:0px}	

.nav-link{text-align: center;}
	
/* makes the dropdown full width  */
.navbar .dropdown {position:static;}

.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
/*  height of nav-item  */
  top:45px;
}
  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block!important;
}
  
  .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
  }

}
.dropdown-menu .nav.flex-column li.nav-item {
	padding: 0.5rem 0.2rem;}


label .aceptar_condiciones_boletin{
  font-size:16px;
  margin-bottom: 1rem;
  line-height:1;
  display: block;
  padding-left: 15px;
  text-indent: -15px;
  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
}

input .condiciones_de_uso{
  width: 16px;
  height: 16px;
  padding: 0;  
  margin:0;
  vertical-align: bottom;
  position: relative;
  margin-right: 6px;
  *overflow: hidden;
}

a .texto_acceso_footer{
  text-decoration: none;
}

/**************************  MODAL LOGIN STYLE ***********************/

/****** LOGIN MODAL ******/
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-family: roboto;
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
  font-family: roboto;
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #4d90fe;
  padding: 17px 0px;
  font-family: roboto;
  font-size: 18px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
} 

.login-help{
  font-size: 12px;
}


.contenedor {
	max-width: 980px;
  margin:auto;
  margin-top: 60px;
}


/**************************  MODAL NUESTRA FUNCIÓN ***********************/
.nosotros {
	text-align:center;
	padding:20px;
	font-family: 'Roboto', sans-serif;
	
}
.nosotros h2 {
	color: #183346;
	margin:17px 0;
	font-family: 'Michroma', 'Roboto', sans-serif;
	
}
.nosotros div {text-align:justify;}

#bloques {margin-bottom:25px;}
#bloques img {width:100%;}
#bloques {
/*    border-top: 1px solid #0d1c38;*/
    padding-top: 15px;
}
#bloques img {
	box-shadow: 5px 5px 5px grey;
	cursor:pointer;
	margin: 15px 0px;
}
#bloques img:hover {
  box-shadow: 1px 1px 5px grey;
	
	cursor:pointer;
}
/**************************  LECCIÓN DEL DÍA ***********************/
.titLeccionDia{font-family: 'Michroma';}
.borderRightLD{border-right:1px solid #fff;}
.borderLeftLD{border-left:1px solid #fff;}

#lecciondeldia {background-color:#444;padding:15px;text-align:center; height: 400px;background-position: center !important;background-size: cover !important;background-repeat: no-repeat !important;}
#lecciondeldia .container {max-width:360px;background:#fff; margin: 0 0 0 25px auto;padding: 28px; margin-top: 80px;}
#lecciondeldia .container-bottom {max-width:360px;margin:0px auto;}
#lecciondeldia .introduccion {text-align:justify;}
#lecciondeldia .leccion {text-align:center;}
#lecciondeldia .head {font-family:'Michroma', sans-serif;padding-bottom:0px;}

#lecciondeldia .introduccion .btn_blue {display: block;margin-top:10px;}
/* #lecciondeldia .introduccion .btn_blue {margin: auto;display: block;margin-top:10px;} */
#lecciondeldia .introduccion {border-right: 1px solid #000;}
#leccion {text-align:center;margin:auto;}
.input-leccion {
    border-radius: 13px;
    width: 60px!important;
    padding: 5px 9px;
    font-size: 17px;
    border: 1px solid #000;
    margin: -1px 5px;
}
/* Remove controls from Safari and Chrome */
#lecciondeldia input[type=number]::-webkit-inner-spin-button, 
#lecciondeldia input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  margin: 0; /* Removes leftover margin */
}
.complete {}
.mas_leccion {color: #183346;cursor:pointer;}

#estilo_container_leccion_del_dia{
  display: inline-block;
}



#boton_submit_leccion_dia{
  margin:15px 0 0 auto;
  width:55px;
}

#formulario_control_leccion_dia{
  width:30px;
  float:left;
}

#boton_contenedor_leccion_dia{
  background: #183346;
}

#margen_fondo_leccion_dia{
  margin: inherit;
}

#introduccion_fondo_leccion_dia{
  color: #FFF; 
  text-decoration: none; 
  font-size: 16px;
}

#borde_derecho_fondo_leccion{
  color: #FFF; text-decoration: none; font-size: 16px;
}

#leccion-n1{
  text-align:center;
}

#next_cap{
  padding: .075rem .275rem; 
  margin-top: 4px;
}

/**************************  ÚLTIMOS AUDIOS ***********************/
.audio-repro {width: 90%;}

#download-audio {
	    transform: translateY(8.5px);
		width:55px;
    height: 55px;
		cursor:pointer;
    float: right}
.btn_compartir {
	color:#a6a6a6;
  text-align: left;
}
.btn_compartir img {
    filter: invert(35%);
}
#download-audio:hover path{
	    fill:#6f42c1;
}
.audios { text-align:center;}
.audios h2 {
	color: #000;
	margin-top:20px;
	font-family: 'Michroma', 'Roboto', sans-serif;
}
.audios .subtitle { font-family: 'Michroma', 'Roboto', sans-serif;}
.audios {
    padding-top: 25px;
    padding-bottom: 25px;
}
.audios .slick-prev, .col-audios .slick-next  {
    color: #000!important;
}
.last-audio {padding-right: 0px;padding-left: 0px;box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.3);border-radius:5px;max-width:90%;margin:auto;}
.last-audio .title {height: 110px;font-size:16px;text-align:center;padding: 10px;font-family: 'Michroma', 'Roboto', sans-serif;border-bottom: 1px solid #000;}
.last-audio .title-home {font-size:20px;text-align:left;padding: 10px;font-family: 'Michroma', 'Roboto', sans-serif;width: 100%; display: inline-block;}
.last-audio .social {filter: invert(35%);padding-right: 15px;padding-left: 15px;padding: 8px; width: 100%; display: inline-block;}
.last-audio .social img {filter: invert(35%);width: 26px;}
.last-audio .play {background-color: #183346;color:#fff;text-align:center;padding:3px;cursor:pointer; width: 100%; display: inline-block;}
.last-audio .play-home {background-color: #183346;color:#fff;text-align:center;padding:3px;cursor:pointer; width: 40%; display: inline-block;}

.last-audio .descripcion {text-align:justify;padding: 14px 7px;line-height: 20px; font-size: 16px; min-height: 70px;height: 160px;}
.last-audio .descripcion-home {text-align:left;padding: 14px 7px;line-height: 20px; font-size: 16px; min-height: 70px;}
.last-articulo {padding-right: 0px;padding-left: 0px;box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.3);border-radius:5px;max-width:90%;margin:auto;}
.last-articulo .imagen {height: 210px;padding: 0px;}
.last-articulo .imagen img{
  height: 210px;
  width: 100%; 
  margin-bottom: 10px; 
  max-height: 200px;
  object-fit:cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  }
.last-articulo .title {height: 80px;font-size:16px;text-align:center;padding: 0 10px;font-family: 'Michroma', 'Roboto', sans-serif;border-bottom: 1px solid #000;}
.last-articulo .social {filter: invert(35%);padding-right: 15px;padding-left: 15px;padding: 8px;}
.last-articulo .social img {filter: invert(35%);width: 26px;}
.last-articulo .play {background-color: #183346;color:#fff;text-align:center;padding:3px;cursor:pointer;}
.last-articulo .descripcion {text-align:left;padding: 14px 7px;line-height: 20px; font-size: 16px; height: 125px;}

.col-audios {padding:3px 5px;width:100%;}
.audios .slick-prev:before, .audios .slick-next:before {color:#000;}
.audios .slick-slide img {display: inline!important;}
.col-audios.todos {margin-bottom:15px;}
.col-articulos.todos {margin-bottom: 15px;}
.escuchas {
    background: #183346;
    color: #fff;
    padding: 43px 22px;
    text-align: justify;
    line-height: 37px;
    font-size: 32px;
}

/**** player***/
.player {
/*  height: 190px;*/
  width: 100%;
  background-color: #FFF;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
/*
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
*/
}
.player ul {
  list-style: none;
}
.player ul li {
  display: inline-block;
}

.player .cover {
/*  position: absolute;*/
  top: 0;
  left: 0;
}
.player .cover img {
  height: auto;
    max-width: 190px;
    width: 100%;
    /* transform: translateY(17px); */
    padding: 10px;
}

.player .info {
	position: relative;
}
.player .info h1 {
  margin-top: 15px;
  margin-left: 10px;
  line-height: 16px;
	text-align: left;
	max-width: 95%;
}
.player .info h4 {
  margin-left: 10px;
  line-height: 20px;
  color: #636367;
}
.player .info h2 {
  margin-left: 10px;
}

.player #slider {
  width: 99%;
  height: 4px;
  background: #151518;
  border-radius: 2px;
}
.player #slider div {
  width: 4px;
  height: 4px;
  margin-top: 1px;
  background: #EF6DBC;
  border-radius: 2px;
}

.player #timer {
  color: #494B4E;
  line-height: 0;
	padding-top:10px;
	padding-right:10px;
  font-size: 9pt;
  float: right;
  font-family: Arial, Sans-Serif;
}

.player .controls {
  margin-top: 20px;
}
.player .controls svg:nth-child(2) {
  margin-left: 5px;
  margin-right: 5px;
}

.player #play {
  padding: 0 3px;
  width: 50px;
  height: 50px;
  x: 0px;
  y: 0px;
  enable-background: new 0 0 25 25;
}
.player #play g {
  stroke: #000;
  stroke-width: 1;
  stroke-miterlimit: 10;
}
.player #play g path {
  fill: #000;
}

.player #play:hover {
  cursor: pointer;
}
.player #play:hover g {
  stroke: #8F4DA9;
  cursor: pointer;
}
#play:hover g path {
  fill: #9b59b6;
  cursor: pointer;
}

.player .step-backward {
  width: 18px;
  height: 18px;
  x: 0px;
  y: 0px;
  enable-background: new 0 0 25 25;
  margin-bottom: 5px;
}
.player .step-backward g polygon {
  fill: #FEFEFE;
}

.player .step-foreward {
  width: 18px;
  height: 18px;
  x: 0px;
  y: 0px;
  enable-background: new 0 0 25 25;
  margin-bottom: 5px;
}
.player .step-foreward g polygon {
  fill: #FEFEFE;
}

.player #pause {
  x: 0px;
  y: 0px;
  enable-background: new 0 0 25 25;
  width: 50px;
    height: 50px;
  position: absolute;
  margin-left: -56px;
  margin-top: 6px;
  cursor: pointer;
}
.player #pause rect {
  fill: black;
}

.player #pause:hover rect {
  fill: #8F4DA9;
}

.player .step-backward g polygon:hover, .player .step-foreward g polygon:hover {
  fill: #EF6DBC;
  cursor: pointer;
}

.player .social {
  text-align: center;
}

.player .twitter {
  color: #BDBDBD;
  font-family: sans-serif;
  text-decoration: none;
}
.player .twitter:hover {
  color: #ecf0f1;
}

.player .github {
  color: #BDBDBD;
  font-family: sans-serif;
  text-decoration: none;
}
.player .github:hover {
  color: #ecf0f1;
}

.player p {
  color: #BDBDBD;
}

.player #skip {
  float: right;
  margin-top: 10px;
}
.player #skip p {
  color: #2980b9;
}
.player #skip p:hover {
  color: #e74c3c;
  cursor: pointer;
}

.player .expend {
  padding: 0.5px;
  cursor: pointer;
}
.player .expend svg:hover g polygon {
  fill: #EF6DBC;
}

.player h1 {
  font-family: 'Open Sans', sans-serif;
  font-size: 13pt;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
  cursor: default;
}

.player h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 12pt;
  font-weight: 400;
  cursor: default;
}

.player h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 13pt;
  font-weight: 300;
  color: white;
  cursor: default;
}
/**** end player ****/


.page-link { text-decoration: none; }

/**************************  BOLETÍN ***********************/
.boletin {margin:auto;background:#666;text-align:center;padding: 25px 0; height: 260px;}
.boletin2 {margin:auto;background:#666;text-align:center;padding: 25px 0; height: 260px;}
.boletin form {
    max-width: 1033px;
    margin: auto;
    background: rgba(255, 255, 255, 0.5);
    padding: 20px 20px 20px 20px;
}
.boletin2 form {
  max-width: 1033px;
  margin: auto;
  background: rgba(255, 255, 255, 0.5);
  padding: 20px 20px 20px 20px;
}
.boletin form .form-check.mb-2 {
    text-align: left;
	color:#fff;
}
.boletin2 form .form-check.mb-2 {
  text-align: left;
color:#fff;
}
.audios h2, .boletin h2 {
    color: #000;
    font-family: 'Michroma', 'Roboto', sans-serif;
	padding-bottom:10px;
}

.audios h2, .boletin2 h2 {
  color: #000;
  font-family: 'Michroma', 'Roboto', sans-serif;
padding-bottom:10px;
}


.last-footer {background:#183346;color:#fff;font-family: roboto;text-align: center;padding: 20px 8px;}
.last-footer .rrss {padding:10px 0;}
.last-footer a {color:#fff;font-size: 17px;text-decoration: none;}
.last-footer .nonstop {font-size: 12px;}

.menu-expandidos {
    left: -151%!important;
}

/**************************  GRUPO DETALLE ***********************/
h1.h1-grupo {
  color: #183346;
	font-size:25px;
  padding: 0px 0px 16px 0px;
  font-family: 'Michroma', 'Roboto', sans-serif;
	text-align: center !important;
  display: block;

}
.grupo-detalle .row.info {
    text-align: center;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	padding:20px 0;
}
.grupo-detalle .descripcion, .grupo-detalle .metodologia {text-align: justify;}
.grupo-detalle .descripcion img {width: 100%!important;}

.logo-grupo {margin-left: 0px; margin-top: 0px; margin-bottom: 15px;}
.logo-grupo img {border-radius: 20px; width: 100%;padding:5px;}
.grupo-detalle .horario p, .grupo-detalle .donde p, .grupo-detalle .imparte p{font-size:18px;margin-bottom: 2px;}
.grupo-detalle .horario div, .grupo-detalle .donde div, .grupo-detalle .imparte div{padding-bottom:8px;}
.grupo-detalle .metodologia {padding: 15px 0px 33px;border-bottom:1px solid #000;}
.grupo-detalle .material {padding: 15px 0px 30px;}
.grupo-detalle div.grupo-title {font-weight:500;font-size:18px;width:100%;padding:12px 0;}
.grupo-detalle .detalle {padding:15px 0;}

/**************************  GRUPOS ORIENTACIÓN LISTA ***********************/

.img-boton img{
    width: 100%;
}
.grupos-orientacion .title {
    font-size: 22px;
    font-weight: 500;
}
.grupos-orientacion .sesiones {
    margin-top:20px;
}
.grupos-orientacion .img-boton img {
    box-shadow: 1px 1px 5px grey;
    cursor: pointer;
    margin: 15px 0px;
}
.grupos-orientacion .img-boton img:hover {
    box-shadow: 5px 5px 5px grey;
    cursor: pointer;
}

/**************************  LIBRO LISTA ***********************/
.content-libro {
-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.51);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.51);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.51);
	padding: 10px 0;
	margin-top:30px;
}
.content-libro .img-libro {margin:auto;text-align:center;}
.content-libro .img-libro img {max-width:75px;width:100%;max-height:100px;}
.content-libro .title {
    font-size: 17.5px;
    font-weight: 500;
    line-height: 19px;
    border-bottom: solid 1px #000;
    padding-bottom: 9px;
	margin-bottom:5px;
	height: 65px;
}
.content-libro .title a {color:#000;}
.content-libro .info{
	padding:2px 0;
}
.content-libro .info img{
	padding-right:5px;
}

/**************************  LIBRO DETALLE ***********************/
.libro-detalle {text-align:center;}
.libro-detalle .box {margin-top:30px;}
.libro-detalle .info {text-align:justify;}
.libro-detalle .img img {max-width:211px;width:100%; margin-bottom: 20px;}
.libro-detalle .img {text-align:center;}

.sticky-top-img{
position: -webkit-sticky;
    position: sticky;
    top: 75px;
    z-index: 999;
}

/**************************  LIBRO DETALLE ***********************/
.contacto .tel, .mail {text-align:center; margin-bottom: 20px;}
.contacto .tel span, .mail span {font-weight:500; margin-bottom: 20px;}
.contacto .tel div.one, .mail div.one {padding-top:5px;}
.contacto .organiza span {
    font-weight: 500;
    font-size: 18px;
}
.contacto .organiza div {
    padding-top:10px;
}
.contacto .linea {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 20px;
    padding-bottom: 20px;
}

#imagen_oculta_formulario_contacto{
  visibility: hidden;
}

.checkContacto{vertical-align: top;margin-top: 6px;}

/**************************  LIBRO DETALLE ***********************/


.leccion-detalle .title {
	color: #183346;
    font-size: 25px;
    margin: 38px 0 17px;
    font-family: 'Michroma', 'Roboto', sans-serif;
	text-align: center;}
/**************************  LIBRO DETALLE ***********************/
.image-articulo {float: left;
    text-align: left;
    max-width: 300px;
    padding-right: 15px;
	padding-bottom: 15px;}

/**************************  REGISTRO USUARIO ***********************/
.panel-body {
    padding: 20px;
    background: #18334647;
    border-radius: 30px;
}
input#fecha_nacimiento[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

/**************************  REGISTRO ***********************/
ul#compra {
    border-bottom: 1px solid #182d54!important;
}
#compraContent, ul#compra {max-width:700px;margin:auto;}

.nav-pills .pildora.active, .nav-pills .show>.pildora {
    background-color: #0d1c38!important;
}
.nav-pills .pildora {
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    text-decoration: none;
}
.form-group.row.bg-compra {
    padding: 25px 0;
    background: rgba(24, 51, 70, 0.28);
}
.form-group.row.bg-compra-end {
    padding: 25px 0;
    background: rgba(0,0,0,0.1);
}
div.total{
    font-size: 33px;
    /*font-weight: 600;*/
}
.comprar-btn {
    width: 100%;
    font-size: 25px;
}

.boletin .input-group-text {background-color: #e9ecef8f;}
.boletin2 .input-group-text {background-color: #e9ecef8f;}
.boletin .form-control {background-color: #ffffffbf;}
.boletin2 .form-control {background-color: #ffffffbf;}

.imgQuienes{width: auto;}
.titQuienes{text-align:left;margin-bottom:15px;font-family: 'Michroma', 'Roboto', sans-serif;}


#disqus_thread {
     position: relative;
}
#disqus_thread:after {
     content: "";
     display: block;
     height: 55px;
     width: 100%;
     position: absolute;
     bottom: 0;
     background: white;
}
.note-toolbar-wrapper {height:auto!important;}

/**************************  RESPONSIVE ***********************/
@media (min-width:1200px){
	.col-audios.todos {width:100%!important;}
  .col-articulos.todos {width:33%!important;}
}
@media (min-width:992px){
	.bar-panel {margin-left:10px;}
/*	ul.navbar-nav.mr-auto {transform: translateX(70PX);} CENTRAR NAVBAR*/
	.col-audios.todos {width:33%!important; display: inline-block;}
  .col-articulos.todos {width:33%!important;}

	.desktop {display:block;}
	.mobile {display:none;}
  
}

@media (max-width:1199px){
  a.navbar-login, .navbar .nav-item {
    font-size: 14px;
  }

}

@media (max-width:991px){


  /* add new navbar functinality when clicking on menu icon */
  /*.logo-desktop { position: fixed; top: 0px; z-index: 999999; background: #fff; max-width: 100%;margin: 0 auto; padding: 1% 0; }*/
  /*.logo-desktop img {width: 325px;}*/
  #superMenu { position: absolute; width: 100%; display: inline-block !important; }
  .mobile { display: inline-block !important; width: 39%; float: right; text-align: right; }
  /*.header { padding-top: 135px; }*/
  

	.col-audios.todos {width:100%;}
  .col-articulos.todos {width:49.5%!important;}
	.desktop {display:none}
	.mobile {display:block;}
  .imgQuienes{width: 100%;}

  a.navbar-login, .navbar .nav-item {
    font-size: 16px;
  }

  .last-audio {padding-right: 0px;padding-left: 0px;max-width:80%;margin:auto;}
  .borderRightLD{width: 50% !important;border-right: 1px solid #fff;}
  .borderLeftLD{width: 50% !important;border-left:1px solid #fff;}


}

@media (max-width:576px){
  .grupo-detalle .descripcion p iframe {width: 100%!important;}    
  .header { padding-top: 56px; }
  .btn_blu{ margin-top: 5px!important;}
	.last-audio .title {height: 110px;}	
  .content-libro .img-libro {padding: 18px 0;}
	.col-audios.todos {width:100%;}
  .col-articulos.todos {width:100%!important;}
  .last-audio .descripcion {min-height: 125px;}
  .last-audio .social { width: 100%; }
  .last-audio .play { width: 100%; }
  .last-audio .title-home { width: 100%; min-height: 92px; font-size: 18px; padding-right: 20px; padding-left: 20px; padding-top: 5px;}
  .last-audio .play-home { width: 100%; }
	.esuchas {padding: 10px 22px;font-size: 24px;}
	.image-articulo {max-width: 200px;}
	.last-audio {max-width: 95%;}
	.dropdown-menus {	position:relative;}
  .home-slider {height: 200px;color:#fff;}
  .imgQuienes{width: 50%;}
  .titQuienes{text-align:center;}
  .borderRightLD{width: 50% !important;border-right: 1px solid #fff;}
  .borderLeftLD{width: 50% !important;border-left:1px solid #fff;}
  .checkContacto{margin-top: 6px;}
  .leccion_inicio #lecciondeldia .container { margin-top: 73px; }

  a.navbar-login, .navbar .nav-item {font-size: 16px;}

  .last-audio {padding-right: 0px;padding-left: 0px;max-width:88%;margin:auto;}
  .last-audio1 { max-width:95%; }
  .last-articulo1 { max-width: 95%; }
  .titulo_orienta h1 { margin-top: 30px !important; }

  h1.h1-grupo {color: #183346;font-size:24px;margin: 20px auto 0px auto;font-family: 'Michroma', 'Roboto', sans-serif;text-align: center;}

#titulo_cortado {display: inline!important;}
#titulo_sin_cortar {display: none;}

  .mb-2, .my-2 {margin-bottom: .5rem!important;margin-top: .5rem!important;}
  #lecciondeldia .container {margin-top: 70px;}
  #lecciondeldia .container2 {margin-top: 100px!important;}
.boletin {margin:auto;background:#666;text-align:center;padding: 25px 0; height: 500px;}
.boletin2 {margin:auto;background:#666;text-align:center;padding: 25px 0; height: 450px;}
.audio-repro {width: 100%;}

.pag_desktop { display: none; }
.page-item { font-size: 17px; }

.pag_mobile .col-12 > div {  max-width:305px !important;  }
.libro-detalle .box {margin-top: 10px;}
.libro-detalle .box .descripcion img {width: 100%!important;_width: 100%!important;}
.libro-detalle .box .descripcion iframe {width: 100%!important;}
.des_audio {display: none!important;}
.titulo_lecc_res {
  width: 70%;
  margin-top: -3px;
}
.f_der_lecc_res{
  width: 15%;
  display: inline-block;
  padding: 0;
}
.f_izq_lecc_res{
  width: 15%;
  /*margin-left: -6px;*/
  display: inline-block;
  padding: 0;
}
.down_resp{
  display: inline!important;
}

.salir_movil a { display: inline-block!important;color: white;text-decoration: none; }


}


@media (min-width:576px) { 
.pag_mobile { display: none; }
}


@media screen and (min-width: 576px) and (max-width: 992px){
  .last-audio .title {height: 130px;} 
  #lecciondeldia .container {margin-top: 100px;}
  .leccion_inicio #lecciondeldia .container { margin-top: 80px; }
  .box_audio { width: 49.5% !important; }
  .last-audio1 { max-width:90%; }
  /* .h1-grupo { margin-top: 120px; } */
  .titulo_orienta h1 { margin-top: 30px !important; }
  .libro-detalle .box {margin-top: 10px;}
  .libro-detalle .box img {width: 100%!important;}
  .libro-detalle .box iframe {width: 100%!important;}

}

/* @media only screen and (max-width: 600px) {
  h1 .h1-grupo { margin-top: 120px !important }

} */



@media screen and (min-width: 200px) and (max-width: 640px){


  .h1-grupo { 
    margin-top: 100px !important; 
  }

  #barra_administracion_usuario_panel{
    float:none;
    justify-content: space-between !important;
  }

  .boletin{
    height:450px;
  }

  .boletin2{
    height:300px;
  }
  .logo_panel_gestor{
      margin-left:-30px !important;
  }
  #imagen_oculta_formulario_contacto{
    display:none !important;
  }
  /*#lecciondeldia{
    padding-top: 30px;
  }*/

  #leccion_dia_pagina_princial{
    margin-top:50px;
  }
}

@media screen and (landscape){
  .boletin{
    height:500px;
  }
  .boletin2{
    height:360px;
  }
}

@media screen and (min-width: 640px) and (max-width: 1200px){
  #panel_reproduccion{
    display:none;
  }
}

/* */
.navbar-dark .navbar-nav .nav-link {
  color: white;
}