.modal-open {
    padding-right: 0px !important;
}
.flex-columna{
	display: flex;
	align-items: center;
}
.fondo-maestro {
    background-color: #2f5472;
}
.fondo-rosa {
    background-color: #e10686 !important;
}
.gradientV2 {
	box-shadow: none;
}
.rosa{
	color: #e10686 !important;
}
.logo{
	padding-left: 25px;
}
.inputCabecera {
    border-right: 0px;
    border-right-color: #7d7d7d;
	box-shadow: none !important;
	-webkit-appearance: none;
}
.inputCabeceraLupa {
    background-image: url(/imagenes/lupa2.png);
	box-shadow: none !important;
	-webkit-appearance: none;
}
.inputCabecera:focus, .inputCabeceraLupa:focus {
    border-color: #7d7d7d !important;
}
.temas{
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	height: 40px;
}
.temas a{
	font-size: 15px;
}
.temas span{
	vertical-align: middle;
	margin-left: 7px;
}
.temas-over{
	background-color: #e10686 !important;
	color: #ffffff !important;
}
.temas-over a{
	color: #ffffff !important;
}
.content-user-conectado{
	min-width: 257px;
	margin-left: 61px;
}
.cont-foto-perfil {
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
    text-align: left;
	padding-top: 4px;
    margin-left: 15px;
    margin-top: -3px;
}
.cont-foto-perfil-over {
	background-color: #e10686 !important;
}
.cont-foto-perfil-over a{
	color: #ffffff;
}
.cont-foto-perfil p{
	margin-bottom: 0px;
	margin-left: 40px;
}
.cont-foto-perfil img{
	margin-top: 0;
	margin-right: 10px !important;
}
.cont-foto-perfil a{
	font-size: 14px;
}
.foto-perfil {
    width: 40px;
    height: 40px;
	border-radius: 35px;
    text-align: left;
    margin-left: 15px;
    margin-top: 0;
}
.texto-perfil{
	margin-top: 0;
	font-size: 15px;
	color: #2b2b2b;
}
.texto-perfil p{
	margin-bottom: 0 !important;
}
.menu-icono-linea span{
	font-size: 31px;
	color: #2b2b2b;
}
.menu-icono-linea-over span{
	color: #ffffff;
	background-color: #e10686;
	border-radius: 100%;
	text-align: center;
	padding-top: 10px;
    padding-left: 7px;
}
.logearse{
	margin-left: 30px !important;
}
/* MODAL DEL MENU CATEGORIAS*/
#modalCategorias .modal-dialog{
	left: 0;
	right: 0;
	margin: auto;
	width: 89%;
	height: 100%;
	position: absolute;
	top: 93px;
}
#modalCategorias .modal-backdrop.in {
    filter: alpha(opacity=75);
    opacity: .75;
}
.numeroCategorias {
    font-size: 15px;
}
.listado-categorias-modal{
    width: 44%;
	margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cdcdcd;
    padding-left: 0;
	margin-left: 3.9%;
	padding-right: 0;
}
.listado-categorias-modal .icon-categoria{
	font-size: 27px;
	margin-right: 12px;
	position: relative;
	top: 8px;
}
.listado-categorias-modal a{
    font-size: 15px;
	color: #2b2b2b;
}
/* MODAL DEL MENU USUARIO */
#modalMenuUsuario .modal-content{
    background-color:#FFFFFF;
	box-shadow: none;
}
#modalMenuUsuario .modal-backdrop.in {
    filter: alpha(opacity=75);
    opacity: .75;
}
#modalMenuUsuario .modal-backdrop.in{
}
#modalMenuUsuario .modal-dialog{
	right: 15%;
	width: 19%;
	height: 100%;
	position: absolute;
	top: 93px;
}
#modalMenuUsuario .modal-content .titulo-modal, #modalMenuUsuario .modal-content a{
    font-family: 'rubikregular' !important;
    font-size:15px;
    color:#2b2b2b;
}
#modalMenuUsuario .modal-content span{
    font-size: 32px;
    color:#2b2b2b;
	vertical-align: middle;
	margin-right: 20px;
	position: relative;
	top: 5px;
}
#modalMenuUsuario .modal-content .fondo-menu, #modalMenuUsuarioxs .modal-content{
    background-color:#FFFFFF;
}
/* MODAL DEL MENU*/
#modalMenu .modal-dialog{
	right: 2%;
	width: 30%;
	height: 100%;
	position: absolute;
	top: 93px;
}
#modalMenu .modal-backdrop.in {
    filter: alpha(opacity=75);
    opacity: .75;
}
/* MODAL DEL PCL*/
#modalUsupcl .modal-dialog{
	width: 40%;
	left: 0;
	right: 0;
	margin: auto;
	height: 100%;
	position: absolute;
	top: 93px;
}
#modalUsupcl .modal-backdrop.in {
    filter: alpha(opacity=75);
    opacity: .75;
}
.listado-menu{
	margin-top: 7px;
    padding-bottom: 9px;
    border-bottom: 1px solid #cdcdcd;
    padding-left: 0;
	padding-right: 0;
}
.listado-menu .icon-categoria{
	font-size: 27px;
	margin-right: 12px;
	position: relative;
	top: 8px;
}
.listado-menu a{
    font-size: 15px;
	color: #2b2b2b;
}
.separador-modal{
	border-style:solid;
	border-color: #cdcdcd;
	border-width: 1px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

/****************************************************/

@media (max-width: 1920px) {
	.contenedorPpal{
		margin-top: 192px !important;
	}
}

@media (max-width: 1024px) {
	.temas{
		width: 10%;
	}
	.usuario-conectado-menu{
		width: 48%;
	}
	.content-user-conectado{
		min-width: 247px;
		margin-left: 21px;
	}
	#modalCategorias .modal-dialog{
		left: 0;
		right: 0;
		margin: auto;
		width: 89%;
		height: 100%;
		position: absolute;
		top: 93px;
	}
	.listado-categorias-modal{
		width: 41%;
		margin-top: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #cdcdcd;
		padding-left: 0;
		margin-left: 57px;
	}
	.listado-categorias-modal .icon-categoria{
		font-size: 27px;
		margin-right: 12px;
		position: relative;
		top: 8px;
	}
	.listado-categorias-modal a{
		font-size: 15px
	}
	#modalMenuUsuario .modal-dialog{
		right: 15%;
		width:27%;
		height:100%;
		position: absolute;
	}
	#modalMenu .modal-dialog{
		right: 2%;
		width: 40%;
		height: 100%;
		position: absolute;
		top: 93px;
	}
	.listado-menu{
		padding-left: 15px;
	}
	.logo{
		padding-top: 15px;
	}
}
@media (max-width: 768px) {
	.sinPaddingLeftsm{
		padding-left:0;
	}
	.sinPaddingRightsm{
		padding-right:0;
	}
	.contenedorPpal{
		margin-top: -19px !important;
	}
	.logo{
		padding-top: 5px;
	}
	.temas{
		width: 14%;
	}
	.usuario-conectado-menu{
		width: 36%;
		padding-left:0;
		padding-right:0;
	}
	.content-user-conectado{
		min-width: 243px;
		margin-left: 0;
	}
	#modalCategorias .modal-dialog{
		left: 0;
		right: 0;
		margin: auto;
		width: 89%;
		height: 100%;
		position: absolute;
		top: 93px;
	}
	.listado-categorias-modal{
		width: 44%;
		margin-top: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #cdcdcd;
		padding-left: 0;
		margin-left: 25px;
		padding-right: 0;
	}
	.listado-categorias-modal .icon-categoria{
		font-size: 27px;
		margin-right: 12px;
		position: relative;
		top: 8px;
	}
	.listado-categorias-modal a{
		font-size: 12px
	}
	#modalMenuUsuario .modal-dialog{
		top: 85px;
		left: 61%;
		width:35%;
		height:100%;
		position: relative;
	}
	#modalMenu .modal-dialog{
		right: 2%;
		width: 50%;
		height: 100%;
		position: absolute;
		top: 93px;
	}
}
@media (max-width: 736px) {
	.inputCabecera {
		margin-left: 10px;
	}
	.mobile-cabecera div{
		padding-left:5px;
		padding-right: 7px;
	}
	.mobile-cabecera a{
		margin: 10px 7px 0 7px;
		float:left;
	}
	.logoXS{
		width: 30%;
		padding-right: 0;
		padding-left: 20px;
	}
	.temas{
		font-size:13px;
		margin-top: 10px !important;
		width: 70%;
	}
	.temas span {
		margin-left: 2px;
	}
	.temas-mobile{
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
		position:relative;
		height:40px;
		padding: 10px 10px 10px 10px;
	}
	.paddingTop-mobile{
		padding-top: 11px !important;
	}
	.paddingTop-mobile2{
		padding-top: 9px !important;
	}
	.aprender-mobile {
		width: 40px;
		height: 40px;
		border-radius: 100%;
		background-color: #e10686;
		color: #ffffff;
		margin:0;
	    padding: 8px 4px 10px 0;
		font-size: 12px;
		text-align: center;
		float:left;
	}
	.aprender-mobile span{
		font-size: 23px;
		color: #fff;
	}
	.foto-perfil {
		width: 40px;
		height: 40px;
		border-radius: 40px;
		text-align: left;
		margin-left: 0;
		margin-top: 0;
	}
	#modalCategorias{
		position: fixed;
	}
	#modalCategorias .modal-dialog {
		width: 89%;
		height: 100%;
		position: fixed;
		top: 82px;
	}
	.categorias-scroll{
		height: 530px;
		overflow: scroll;
	}
	.listado-categorias-modal{
		width: 100%;
		margin-top: 5px;
		padding-bottom: 5px;
		padding-left: 0;
		margin-left: 0;
		padding-right: 0;
	}
	.listado-categorias-modal .icon-categoria{
		font-size: 27px;
		margin-right: 12px;
		position: relative;
		top: 8px;
	}
	.listado-categorias-modal a{
		font-size: 13px;
		color: #2b2b2b;
	}
	.menu-mobile{
		margin-top: 3px !important;
	}
	#modalMenuUsuario .modal-dialog {
		top: 82px;
		left: 0%;
		right: 0%;
		margin: auto;
		width: 90% !important;
		height: 100%;
		position: relative;
	}
	#modalMenu .modal-dialog{
		top: 82px;
		left: 0%;
		right: 0%;
		margin: auto;
		width: 90% !important;
		height: 100%;
		position: relative;
	}
	.usuario-mobile-over, .menu-mobile-over{
		position: relative;
	}
	.usuario-mobile-over p span, .menu-mobile-over p span{
		width: 40px;
		height: 40px;
		border-radius: 100%;
		background-color: #e10686;
		color: #ffffff;
		margin:0;
	    padding: 8px 0 10px 0;
		font-size: 23px;
		text-align: center;
		float:left;
		position: relative;
	}
}
@media (max-width: 480px) {
	.inputCabecera {
		margin-left: 10px;
	}
	.mobile-cabecera div{
		padding-left:5px;
		padding-right: 7px;
	}
	.mobile-cabecera a{
		margin: 20px 7px 0 7px;
		float:left;
	}
	.logoXS{
		width: 35%;
		padding-right: 0;
		padding-left: 10px !important;
	}
	.logoXS a{
		margin-top: 17px !important;
	}
	.temas{
		font-size:13px;
		margin-top: 10px !important;
		width: 65%;
	}
	.temas span {
		margin-left: 2px;
	}
	.temas-mobile{
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
		position:relative;
		height:40px;
		padding: 10px 10px 10px 10px;
	}
	.paddingTop-mobile{
		padding-top: 11px !important;
	}
	.paddingTop-mobile2{
		padding-top: 9px !important;
	}
	.aprender-mobile {
		width: 40px;
		height: 40px;
		border-radius: 100%;
		background-color: #e10686;
		color: #ffffff;
		margin:0;
	    padding: 8px 4px 10px 0;
		font-size: 12px;
		text-align: center;
		float:left;
	}
	.aprender-mobile span{
		font-size: 23px;
		color: #fff;
	}
	.foto-perfil {
		width: 40px;
		height: 40px;
		border-radius: 40px;
		text-align: left;
		margin-left: 0;
		margin-top: 0;
	}
	#modalCategorias{
		position: fixed;
	}
	#modalCategorias .modal-dialog {
		width: 89%;
		height: 100%;
		position: fixed;
		top: 82px;
	}
	.categorias-scroll{
		height: 530px;
		overflow: scroll;
	}
	.listado-categorias-modal{
		width: 100%;
		margin-top: 5px;
		padding-bottom: 5px;
		padding-left: 0;
		margin-left: 0;
		padding-right: 0;
	}
	.listado-categorias-modal .icon-categoria{
		font-size: 27px;
		margin-right: 12px;
		position: relative;
		top: 8px;
	}
	.listado-categorias-modal a{
		font-size: 13px;
		color: #2b2b2b;
	}
	.menu-mobile{
		margin-top: 20px !important;
	}
	#modalMenuUsuario .modal-dialog {
		top: 82px;
		left: 0%;
		right: 0%;
		margin: auto;
		width: 90% !important;
		height: 100%;
		position: relative;
	}
	#modalMenu .modal-dialog{
		top: 82px;
		left: 0%;
		right: 0%;
		margin: auto;
		width: 90% !important;
		height: 100%;
		position: relative;
	}
	.usuario-mobile-over, .menu-mobile-over{
		position: relative;
	}
	.usuario-mobile-over p span, .menu-mobile-over p span{
		width: 40px;
		height: 40px;
		border-radius: 100%;
		background-color: #e10686;
		color: #ffffff;
		margin:0;
	    padding: 8px 0 10px 0;
		font-size: 23px;
		text-align: center;
		float:left;
		position: relative;
	}
}
@media (max-width: 375px) {
	.mobile-cabecera a{
		margin: 20px 5px 0 5px;
	}
	.temas-mobile .icon-abajo, .temas-over .icon-arriba{
		font-size: 10px;
	}
	.temas a {
		font-size: 13px;
		text-decoration: none !important;
	}
	.aprender-mobile {
		width: 35px;
		height: 35px;
	}
	.aprender-mobile span, .usuario-mobile-over p span, .menu-mobile-over p span {
		font-size: 20px;
	}
	.foto-perfil {
		width: 35px;
		height: 35px;
	}
	.usuario-mobile-over p span, .menu-mobile-over p span{
		width: 35px !important;
		height: 35px !important;
	}
	.menu-mobile span {
		width: 33px !important;
		height: 33px !important;
	}
	.mobile-over{
		width: 35px;
		height: 35px;
	}	
}

/****************************************************/