noPadding {
    padding: 0px;
}
.paddingRight15 {
    padding-right: 15px;
}
.navegarFoto {

}
.anteriorFoto {
    width: 100px;
    height: 100px;
    background-image: url("img/left-foto.png");
    background-size: cover;
    float: left;
    vertical-align: middle;
    margin-top: 30%;
}
.siguienteFoto {
    width: 100px;
    height: 100px;
    background-image: url("img/right-foto.png");
    background-size: cover;
    float: right;
    margin-top: 30%;
}
.previewFoto {
    background-image: url("img/previsualizar-foto.jpg");
    background-repeat: no-repeat;
    margin: 0px auto;
    width: 90%;
    height: 40em;
    background-size: cover;
}
.modalAutor {
    margin-top: -456px;
    width: 506px;
    height: 406px;
    border: 3px solid #222222;
    background-color: #000;
    overflow-y:auto;
    display: none;
}
.infoAutor {
    font-size: 23px;
    color: white;
    background: linear-gradient(to bottom, rgb(80, 80, 80) 0%,rgba(8,8,8,1) 100%);
    padding: 10px 10px 0px 10px;
}
.nombreAutor {
    vertical-align: top;
    margin: 20px 0px 0px 5px;
}
.contenidoAutor {
    padding: 10px;
}
.imgAutor {
    width: 110px;
    height: 110px;
}
.miniaturasAutor {
    width: 110px;
    height: 110px;
    margin: 0px 2px 10px 0px;
    background-size: cover;
}
.modalComentario {
    display: none;
    color: white;
    border: 1px solid white;
    border-radius: 10px;
    padding: 10px 10px 0px 10px;
    margin-top: -53px;
    background-color: #262626;
    font-size: 12px;
    line-height: 10px;
}
.modalComentario p a{
    color: white;
}
.floatRight {
    float: right;
}
.btn-warning-custom {
    color: #fff !important;
    background-color: #ffc40a !important;
    border-color: #ffc40a !important;
    padding: 0px 5px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}
.percircle:after {
    background-color: #2f2f2f !important;
}
.gt50 .fill, .percircle .bar, .pie {
    border: .08em solid #9a6ca6 !important;
}
.column-dashboard {
    background-color: white;
}
.column-dashboard-left {
    border-right:   1px solid #e8e8e8;
    padding: 15px;
}
.column-dashboard-right {
    background-color: #f5f4f0;
}
.noBullets li {
    list-style-type: none;
    line-height: 40px;
}
.noBullets {
    border-bottom:  1px solid  #e8e8e8;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom:  0px;
}
.morado {
    background-color: #9a6aa6;
    padding: 20px 30px;
    color: white;
}
.noPaddingHorizontal {
    padding-left: 0px;
    padding-right: 0px;
}
.dashFondo {
    background-color: #f5f4f0 !important;
}
.subTitulo {
    background-color: white;
    padding: 20px 30px;
    font-size: 25px;
    margin-bottom: 28px;
}
.subTitulo2 {
    padding: 10px 15px 0px 15px;
    font-size: 25px;
    margin-bottom: 8px;
}
.subTitulo3 {
    padding: 0px 0px;
    font-size: 25px;
    margin: 0px 0px 28px 0px;
}
.seccionFormulario {
    background-color: white;
    margin: 0px 30px 0px 30px;
    padding: 30px 25px 27px 20px;
    margin-bottom: 10px;
}
.contenidoFormulario {
    padding-bottom: 30px;
}
.labelFormulario {
    padding-top: 10px;
    font-weight: 500;
}
.tituloFormulario {

}
.separador {
    border-top: 1px solid #cccccc;
    margin: 15px 0px 21px 0px;
}
.paddingCheck {
    padding: 30px 0px 0px 15px;
}
.circlePlus {
    display: inline-block;
    background-color: #d2a5de;
    color: white;
    width: 25px;
    height: 25px;
    border-radius: 13px;
    font-weight: 600;
    font-size: 19px;
    padding: 0px 7px;
    vertical-align: sub;
}
.agregarLink {
    color: #333;
    cursor: pointer !important;
}
.colPref1 {
    padding: 0px 0px 21px 30px;
}
.linkCol {
    padding: 0px 15px;
}
.rojo {
    color: #e04c4c;
}
.gris {
    color: #333;
}
th {
    text-align: center;
}

.last-item {
    border-bottom: 1px solid #ddd;
}

a.gestion-modulos, a.gestion-examenes, a.gestion-capitulos{
    text-decoration: underline;
    color: #333;
}

.add-modulo, .add-examen {
    padding-left: 0px;
}

.add-capitulo {
    padding-left: 0px;
    padding-right: 0px;
}

.tabla-modulos, .tabla-examenes, .tabla-capitulos {
    margin-bottom: 0px;
}

button.crear-capitulo {
    margin-top: 30px;
}

.numero-comentarios {
    float: left;
    margin-right: 5px;
}

.numero-comentarios a:link {
    color: #fff;
}
.affix {
    background-color: white;
    width: 100%;
}
.modoSticky {
    padding-top: 50px;
}
.paddingButton {
    margin: 20px 15px 5px 15px;
}
.botonMorado {
    margin: 0px 15px 5px 0px;
    background-color: #9b6ba9;
    color: white;
    border: 0px solid #9b6ba9;
    font-size: 13px;
    padding: 7px 8%;
}
.noFooter {
    display: none;
}
@media (max-width: 600px) {
    .affix {
        position: static !important;
    }
    table {
        font-size: 10px;
    }
}


/*MIGUITAS*/
.breadcrumb {
    padding-left: 30px;
}

.breadcrumb a:link {
    color: #996ca5;
}

/*NUEVAS CLASES*/
.marginButton-inbox {
    margin-left: 0px;
    margin-top: 20px;
}
.circle {
    float: right;
}
img.imagen-circle {
    width: 20%;
    margin-left: 10px;
}

.caja-boton-header{
    margin: 0px 30px 0px 30px;
       padding: 10px 0px 10px 0px;
}

button.boton-header {
    margin-right: 0px;
}

.subTitulo {
    margin-bottom: 0px;
}

.content-onecourse-text {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.num-usuarios {
    color: #939393;
    background-color: #F7F7F7;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 12px;
}

img.number-user {
    width: 10px;
    margin-right: 5px;
    margin-left: 3px;
}

.price, .parrafo-onecourse, .title-onecourse, .parrafo-teacher{
    padding: 5px 10px;
}

.profesor {
    margin: 5px 10px;
}

.title-onecourse {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.container.container-ruta-segundo  {
    padding-left: 30px;
    padding-right: 30px;
}


.container-fluid.promos, .container-fluid.courses, .populares {
    padding-bottom: 0px !important;
}



.content-topwork-text-portfolio {
    padding-top: 5px !important;
    padding-left: 0px !important;
    padding-bottom: 40px !important;
    text-align: center !important;
}

.content-topwork .content-topwork-text {
    padding-left: 10px !important;
}

img.image-medalla-portafolio {
    width: 15px;
    float: left;
    margin-right: 5px;

}


.medalla-en-portafolio {
    display: inline-block !important;
}
.image-topwork {
    //height: 240px;
    text-align: center;
}

img.image-topwork {
    max-height: 275px;
}

/*AÑADIR CLASE EN TITULO PARA ELIMINAR PADDING*/
.box-for-title {
    padding-left: 0px;
    padding-right: 0px;
}

.medallaGrisM {
    width: 75px;
}
.purpura {
    color: #9B6AA8;
}
.paddingLat1 {
    padding: 30px 10px 10px 10px !important;
    text-align: center !important;
}
.cantidad-puntos2 {
    color: #afb0b3;
    padding-top: 30px;
    font-size: 15px;
    font-weight: 500;
}
.invita-text2 {
    font-size: 15px;
    color: #afb0b3;
}
.linea2 {
    border-top: 1px solid #505050;
}
.white {
    color: white;
}
.gris {
    color: #afb0b3;
}
.fw-normal {
    font-weight: 500;
}
.fondoGris {
    background-color: #4a4a4a;
    border-color: #4a4a4a;
    color: white;
}
.invita {
    background-color: #9B6AA8;
    border: 0px;
    color: #fff;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 2px;
    margin-top: 8px !important;
    padding-left: 55px;
    padding-right: 55px;
}
.usuarioDash {
    width: 70px;
}



.caja-mail-amigo {
    width: 90%;
    margin: 0 auto;
}

.seccionFormulario h2 {
    font-size: 20px;
}

.seccionFormulario h4 {
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
}

.seccionFormulario h4.bold {
    font-weight: 800;
    font-size: 16px;
    margin-bottom: 20px;
}

.seccionFormulario .invita {
    margin-top: 0px;
}

.seccionFormulario a:link {
    color: #9B6AA8;
    /*text-decoration: underline;*/
}

input.form-control.caja-mail-amigo {
    text-align: center;
}

.seccionFormulario {
    margin-top: 10px;
    padding-bottom: 40px;
}


.contenido-right.perfil.editar-perfil {
    margin-bottom: 450px !important;
}

.pb-31 {
    padding-bottom: 35px;
}
.medallaGrisM {
    width: 65px;
}


/*MIS MEDALLAS*/

.icon-medalla {
    width: 15px;
    margin-right: 10px;
}

.icon-fotoganadora {
    height: 50px;
    margin-right: 5px;
}

.caja-mis-medallas {
    margin-top: 20px;
    padding-bottom: 0px;
    background-color: #212121;
    padding-top: 10px;
    color: #aaaaaa;
    margin-bottom: 100px;
}

.table > thead > tr > th.thMisMedallas {
    vertical-align: bottom;
    border-bottom: 2px solid #333;
}




.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td.tdMisMedallas {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #333;
}

.titulo-listado-medallas {
    text-align: center;
    font-size: 22px;
    margin-bottom: 20px;
}

img.img-listado-medallas {
    width: 80px;
    margin: 0 auto;
    margin-bottom: 10px;
}


ol.breadcrumb.breadCrumbPublico {
    background-color: #101010;
    margin: 0 auto;
}

.foto-detalleFoto {
    position: absolute;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        //height: 78%;
        height: 100%;
}


.image-detalleFoto {
margin: 0 auto;
height: 100%;
width: auto;
}

@media (max-width: 868px){
    .foto-detalleFoto {
        position: absolute;
            width: 100%;
            margin: 0 auto;
        text-align: center;
/*      height: 90%;*/
    }


    .image-detalleFoto {
/*
    height: 100%;*/
    width: auto;
    margin: 0 auto;
    height: auto;
    }
}



.row.destacados-comunidad {
    margin-left: -30px !important;
        margin-right: -30px !important;
        width: 100%;
        margin: 0 auto !important;
}


@media (max-width: 668px) {
.foto-detalleFoto {
    margin-top: 20%;
}
}


.titulo-cursoTerminado {
    text-align: center;
    color: #D2A5DE;
    font-size: 30px;
}

.bajada-cursoTerminado {
    font-size: 20px;
    text-align: center;
    color: #fff;
}

p.parrafo-cursoTerminado {
    font-size: 14px;
    color: #9a9c9c;
    text-align: center;
}

.contenido-right.cursoTerminado {
    margin-top: 50px;
}


.box-share.newBoxShare {
    background-color: #232323;
    color: #848484;
}

.navbar-inverse {
    background-color: #000;
}

.container-fluid.footer {
    background-color: #000;
    padding-bottom: 0px;
}

nav.navbar.navbar-inverse.filtro-galeria {
    background: linear-gradient(top bottom, #222222, #111111) !important;
    background: -webkit-gradient(linear, top bottom, from(#222222), to(#111111));
    background: -webkit-linear-gradient(#222222, #111111);
    background: -moz-linear-gradient(#222222, #111111);
    background: -o-linear-gradient(#222222, #111111);
    background: -ms-linear-gradient(#222222, #111111);
    background: linear-gradient(#222222, #111111);
}

.header-row.datos-perfil {
    padding-top: 52px;
    padding-bottom: 35px;
}
/*MODAL*/



.modal-content.registro {
    padding: 0px;
    width: 112%;
    margin-top: 0px;
}

.modal-content.ingreso {
    padding: 0px;
    width: 100%;
    margin-top: 0px;
}

.modal-content.login-fallido {
    padding: 0px;
    width: 100%;
    margin-top: 70px;
    background-color: #000;
    color: #fff;
    text-align: center;
}

.col-img-ingreso  {
    background-color: #dedede;
 height: 480px;
    background-image: url("img/pinos.jpg");
    background-size: cover;
}

.col-img-registro  {
    background-color: #dedede;
    height: 525px;
    background-image: url("img/pinos2.jpg");
    background-size: cover;
}

.col-datos-ingreso {
    background-color: #191919;
height: 480px;
}

.col-datos-registro {
    background-color: #191919;
    height: 525px;
}


.modal-dialog.modal-lg.ingreso, .modal-dialog.modal-lg.registro  {
    margin-top: 0px;
}

.contenido-ingreso, .contenido-registro-img  {
    color: #fff;
    width: 100%;
    text-align: center;
    padding-top: 50%;
}

.titulo-contenido-ingreso, .titulo-contenido-registro {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 100;
        font-family: 'proxima_nova_scosfthin';

}

.filtro-galeria{
    text-transform: uppercase;
    font-size: 19px;
    letter-spacing: 1px;
    font-family: 'proxima_nova_scosfthin';

}

.titulo-login-fallido {
    font-size: 22px;
    padding-top: 40px;
    padding-bottom: 20px;
}

.bajada-contenido-ingreso, .bajada-contenido-registro {
    font-size: 15px;
}

button.button-ok {
    width: 120px;
    background-color: #9a6ca7;
    border: 0px solid;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    margin-bottom: 30px;
    height: 35px;
}

.contenido-login-presentacion {
    text-align: center;
}

ul.login-social-new {
    list-style: none;
    padding-left: 0px;
}

ul.login-social-new.login-social-new-registro {
    list-style: none;
    padding-left: 0px;
    padding-top: 30px;
}

ul.login-social-new li a:link{
    color: #9a6ca7;
}

.numero-seguidores {
font-size: 13px;
}

.cantidad-seguidores {
    color: #dedede;
    font-weight: bold;
}

.bold.bold-fotoinspira {
    color: #9a6ca7;
}

ul.puntos-about {
    list-style: none;
    padding-left: 0px;
}

.parrafo-about-fips {
    font-size: 13px;
}

img.chanchitomail-img{
    width: 50px;
}

img.medallamoradaabout-img {
    padding-top: 40px;
    width: 40px;
}

button.invita.entendido {
    margin-top: 25px !important;
}

.medal-frame {
    height: 25px;      /* equals max image height */
   /* width: 80px;*/
    white-space: nowrap; /* this is required unless you put the helper span closely near the img */

    text-align: center; 
    margin: 0.5em 0;
}

.medal-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.image-medalla-detalle {
    vertical-align: middle;
    max-height: 25px;
    max-width: 160px;
}

h4.white {
    font-family: 'proxima_nova_ltthin';
}

.container.buscador {
        margin-top: 8px;
        /* margin-top: 8px; */
        width: 600px !important;
        /* float: left; */
        position: absolute;
        z-index: 999999;
}

.form-group.buscador {
    margin-bottom: 0px;
}

.form-control.buscador {
    margin-bottom: 8px;
    background-color: #333;
    border: 1px solid #333;
    width: 30%;

}

.row.buscador {
    background-color: #272727;
    z-index: 99999;
}

.well {
    background-color: #272727;
    border: 1px solid #272727;
    color: #fff;
    z-index: 99999999;
}

/*
ACORDEON*/

.panel-group {
    width: 70%;
    margin: 0 auto;
}

.panel-heading.preguntasFrecuentes {
    background-color: #333;
    color: #fff;
}

.panel-body.preguntasFrecuentes {
    background-color: #000;
    color: #fff;
}

.tituloPreguntasFrecuentes {
    text-align: center;
    color: #fff;
    font-size: 25px;
    margin-top: 30px;
    padding-bottom: 10px;
}

.parrafoPreguntasFrecuentes {
    color:  #858585;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    padding-bottom: 40px;
}

form.preguntasFrecuentes {
    width: 70%;
    margin: 0 auto;
    margin-top: 70px;
    padding: 30px;
    border: 1px solid #333;
    border-radius: 4px;
    margin-bottom: 100px;
}

label.preguntasFrecuentes {
    color:  #858585;
    font-family: 'Proxima Nova', Georgia, sans-serif;
        font-weight: normal;
}

.boton-nav.boton-registrate.preguntasFrecuentes {
    margin-left: 0px;
}

.precio.comprarCurso {
    font-size: 30px;
    color: #dedede;
    font-weight: normal;
}

.bajada.comprarCurso {
    font-size: 15px;
    color: #fff;
}

.cuerpo.comprarCurso {
    padding-top: 30px;
    padding-bottom: 10px;
}


.modal-content.comprarCurso {
    width: 100%;
    padding-bottom: 30px;
}

.detalle.comprarCurso {
    float: left;
    font-size: 14px;
    margin-bottom: 20px;
}

.titulo.comprarCurso {
    text-align: center;
    font-size: 22px;
    padding-top: 20px;
     font-family: 'proxima_nova_ltsemibold';
     padding-bottom: 20px;

}

.nombreCurso.comprarCurso {
    font-family: 'proxima_nova_ltsemibold';
    font-size: 18px;
    color: #996ea5;
}

.usar.comprarCurso, .noUsar.comprarCurso {
    float: left;
}

.usar.comprarCurso {
    margin-right: 20px;
}

.textoUsar.comprarCurso {
    padding-left: 5px;
}

.textoCodigo.comprarCurso {
    font-family: 'proxima_nova_ltsemibold';
    padding-top: 20px;
}


.codigo.comprarCurso {
    margin-top: 0px;
    display: inline-block;
}

.columnaLateral.comprarCurso {
    background-color: #f0eeec;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 2px;
}

ul.pago.comprarCurso {
    list-style: none;
    padding-left: 0px;
    font-size: 13px;
}

ul.pago.comprarCurso li {
padding-top: 5px;
padding-bottom: 5px;
}

.precioRight.comprarCurso {
    float: right;
}

li.finalPago.comprarCurso {
     font-family: 'proxima_nova_altbold';
    font-size: 16px;
    border-top: 1px solid #dedede;
}


/*NUEVO BUSCADOR*/
.search-popover-content {
}

.search-popover.bottom > .arrow {
    display: none;
}

.search-popover {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto;
    background-color: #000 !important;
    border-radius: 0px;
    padding-bottom: 30px;
    height:400px;
    overflow: hidden;
    overflow-y: auto;
}

input.form-control.buscadorNuevo {
    margin-top: 8px;
    background-color: #333;
    border: 1px solid #333;

}

.tituloResultadoBusqueda {
    color: #fff;
    font-size: 30px;
    margin-bottom: 20px;
    font-family: 'proxima_nova_ltsemibold';
    font-style: normal;
}

.cajaResultadoBusqueda {
    padding-left: 50px;
    padding-right: 50px;
}

.fotoResultadoBusqueda {
    margin-bottom: 20px;
    padding-left: 2px;
    padding-right: 2px;
}


.botonCerrarBuscador {
position: fixed !important;
z-index: 99999;
}

.cerrarResultadoBusqueda {
    //position: fixed;
                width: 100%;
                height: 50px;
                top: 410px;
                left: 0;
                background-color: #000;
                padding-bottom: 25px;
    /* margin-top 200px; */
}

.botonCerrarResultadoBusqueda {
    background-color: #9b6ba9 ;
    border-radius: 2px;
    color: #fff;
    border: 0px solid;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px;
    float: right;

}


.glyphicon.glyphicon-search {
    position: absolute;
    color: #999;
    top: 18px;
    left: 10px;}

input.buscadorNuevo {
    padding-left: 30px;
}

.empty-search {
    padding: 20px 45px 20px 45px;
    color:#fff;
    font-family: 'proxima_nova_ltthin';
}

.boton-cerrar {display: inline-block;
  text-align: center;
}

ul.nav-menu-detalle-foto {
	color: #fff;
	list-style: none;
}



ul.nav-menu-detalle-foto li a{
	color: #fff;
}

button.boton-cerrar-detalle {
    border: 1px solid #6c6b6e;
    background-color: #6c6b6e;
    font-size: 10px;
    border-radius: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0px;
    color: #fff;
    margin-left: 0px;
}

ul.nav-menu-detalle-foto {
	
	padding-left: 0px;
}

ul.iconos-rrss-detalle-foto {
    list-style: none;
    text-align: center;
    display: inline-block;
    padding-left: 0px;
}

ul.iconos-rrss-detalle-foto li {
	float: left;
	margin-right: 7px;
}