/* General ------------------------------------------------------------------------------------------------------------------------------- */

.filtro-responsive {
	display: none;
}

.filtro-responsive:active,
.filtro-responsive:focus,
.filtro-responsive:hover {
	text-decoration: none;
}

.dos-columnas main {
	float: left;
	/*width: 80%;*/
	width: 100%;
	padding-bottom: 30px;
	padding: 0 50px;
	background: #fff;
	padding-top: 20px;
}

.dos-columnas footer {
	clear: both;
}

.menu-side {
	width: 20%;
	height: 100%;
	background: #ececec;
	float: left;
	padding: 20px;

	/* QUITAR ESTE display: none; CUANDO SE QUIERAN MOSTRAR NUEVAMENTE LOS FILTROS DE BÚSQUEDA
	QUE VAN A LA IZQUIERDA Y CAMBIAR ANCHO A 80% en .dos-columnas main {} */
	display: none;
}

/* General ------------------------------------------------------------------------------------------------------------------------------- */

/* Cabezal ------------------------------------------------------------------------------------------------------------------------------- */

.cabezal.interna .titulo {
	display: inline-block;
	color: #828385;
	padding: 20px 20px;
}

.cabezal.interna .titulo h2,
.cabezal.interna .titulo h1 {
	color: #00335f;
	font-size: 2rem;
}

.cabezal.interna .titulo .path {
	position: relative;
}

.cabezal.interna .titulo .path .res {
	display: none;
}

/* Cabezal ------------------------------------------------------------------------------------------------------------------------------- */

/* Notas --------------------------------------------------------------------------------------------------------------------------------- */

.notas h2 {
	background: #fff;
	padding: 15px 20px;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	border: 1px solid #cecfcf;
}

.notas h2.logeado {
	text-transform: none;
}

.notas li {
	padding: 20px 0;
	border-bottom: 1px dotted #1a171b;
}

.notas li:last-child {
	border-bottom: none;
}

.notas p {
	margin-bottom: 0px;
}

.notas .paginas {
	margin-top: -20px;
	margin-bottom: 30px;
}

.notas .paginas li {
	display: inline-block;
	margin: 0 -2px;
	border: none;
}

.notas .paginas li a {
	display: block;
	padding: 5px;
	color: #a6a6a7;
	border: 1px solid #bcbdbe;
	width: 40px;
	height: 40px;
	text-align: center;
	position: relative;
	font-size: 15px;
	padding-top: 10px;
}

.notas .paginas li a:hover {
	background: #e9e9ea;
}

.notas .paginas li a.activo {
	text-decoration: underline;
}

.notas .paginas li:first-child a {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.notas .paginas li:last-child a {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.notas .paginas li span {
	position: absolute;
	top: 12px;
	border-left: 1px solid #b0b2b3;
	border-bottom: 1px solid #b0b2b3;
	display: block;
	width: 15px;
	height: 15px;
}

.notas .paginas li span.prev {
	transform: rotate3d(0, 0, 1, 45deg);
	left: 15px;
}

.notas .paginas li span.post {
	right: 15px;
	transform: rotate3d(0, 0, 1, 225deg);
}

.notas ul {
	color: #69696b;
	font-size: 14px;
	line-height: 18px;
	padding: 0 20px;
}

.notas ul span {
	color: #69696b;
}

.notas.doctrina {
	color: #69696b;
}

.notas.doctrina .autor {
	font-size: 13px;
}

.notas.doctrina .categoria {
	font-size: 14px;
}

.notas.doctrina h2 {
	background: #00335f;
	color: #fff;
}

.notas.doctrina h2.borde-grueso {
	border-top: 10px solid #00335f;
	background: #fff;
	color: #00335f;
}

.notas.doctrina .titulo,
.notas.normas .titulo {
	font-size: 16px;
	color: #00335f;
}

.notas.ediciones-especiales h2 {
	background: #a4a5a7;
	color: #fff;
}

.notas.fallos h2 {
	background: #9a111d;
	color: #fff;
}

.notas.fallos h2.sin-fondo {
	border-top: 1px solid #9a111d;
	background: #fff;
	color: #666;
}

.notas.fallos h2.borde-grueso {
	border-top: 10px solid #9a111d;
	background: #fff;
	color: #9a111d;
}

.notas.fallos .titulo {
	color: #1a161a;
}

.notas.modelos-escritos h2 {
	background: #fff;
	border: 1px solid #ccc;
	color: #666;
}

.notas.normas h2 {
	background: #9c9e9f;
	color: #fff;
}

.notas.suplementos h2 {
	background: #00617c;
	color: #fff;
}

.notas.venta {
	padding-bottom: 0;
}

.notas.venta h2 {
	background: #9c9a9a;
	color: #fff;
}

/* Notas --------------------------------------------------------------------------------------------------------------------------------- */

/* Productos ----------------------------------------------------------------------------------------------------------------------------- */

.productos.capacitacion .copete {
	text-align: center;
	background: #e9e9ea;
	color: #464648;
	border: 5px solid #fff;
}

.productos.capacitacion img {
	max-height: 80px;
}

.productos.capacitacion .titulo,
.productos.capacitacion .fecha {
	background: #87214f;
	color: #fff;
}

.productos.capacitacion .titulo {
	margin-bottom: 0;
}

.productos .precio.remarcado {
	color: #a0111d;
}

.productos .precio.remarcado span {
	color: #1a171b;
	text-decoration: line-through;
}

.productos.cinco > li {
	width: 19%;
	margin-bottom: 1.25%;
	margin-right: 1.25%;
	height: 310px;
}

.productos.cinco > li:nth-child(5n) {
	margin-right: 0;
}

.productos.cinco > li .wrapper {
	margin: 0;
	margin-bottom: 10px;
}

/* .productos.cinco.mas>li:last-child {
    background: #747577;
    font-size: 18px;
    padding: 0 20px;
    padding-top: 90px;
    text-align: left;
}

.productos.cinco.mas>li:last-child a {
    color: #fff;
}

.productos.cinco.mas>li:last-child span {
    display: block;
    text-align: center;
    font-size: 60px;
    font-weight: 300;
} */

/* Productos ----------------------------------------------------------------------------------------------------------------------------- */

/* Menu Side ----------------------------------------------------------------------------------------------------------------------------- */

.menu-side {
	margin-bottom: -1px;
}

.menu-side a {
	color: #69696b;
}

.menu-side .busqueda {
	display: inline-block;
	position: relative;
}

.menu-side .busqueda input[type="text"],
.menu-side .busqueda input[type="date"] {
	border: none;
	border-radius: 5px;
	width: 100%;
	height: 31px;
	padding: 0 5px;
	font-size: 12px;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3);
}

.menu-side .busqueda#filtro-fecha input[type="date"] {
	margin-bottom: 20px !important;
}

.menu-side .busqueda input[type="submit"] {
	position: absolute;
	background-color: transparent;
	top: 0;
	bottom: 0;
	right: 0;
	width: 40px;
	border: none;
	font-size: 18px;
}

.menu-side .busqueda#filtro-fecha input[type="submit"] {
	position: relative;
	width: auto;
}

.menu-side-aplicar#aplicar .boton.aplicar {
	display: none;
}

.menu-side-aplicar#aplicar .boton.cerrar {
	display: none;
}

.menu-side form {
	width: 100%;
}

.menu-side h2 {
	font-size: 18px;
	font-weight: 700;
	color: #00335f;
	margin-top: 10px;
	margin-bottom: 20px;
}

.menu-side input[type="submit"].submit-filtro {
	background: #aaabac;
	padding: 5px 10px;
	border-radius: 7px;
	color: #fff;
	margin-top: 20px;
	font-size: 14px;
	border: none;
}

.menu-side input[type="date"]::-webkit-inner-spin-button {
	display: none;
	-webkit-appearance: none;
}

.menu-side label {
	font-size: 90%;
	font-weight: 400;
}

.menu-side label:hover {
	cursor: pointer;
}

.menu-side-limpiar#limpiar {
	display: none;
}

.menu-side .tag-principal {
	color: #707173;
	font-size: 21px;
}

.menu-side .tags {
	margin-top: 30px;
	color: #707173;
	font-size: 15px;
}

.menu-side .tag-principal li,
.menu-side .tags li {
	position: relative;
	margin-bottom: 15px;
}

.menu-side .tag-principal li:after,
.menu-side .tags li:after {
	content: "x";
	position: absolute;
	right: 0;
	cursor: pointer;
}

/* Menu Side ----------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1079px) {
	/* !important, Asegura que en desktop no se vea el boton limpiar, aun cuando se haya abierto por javascript */
	.menu-side-limpiar#limpiar {
		display: none !important;
	}
}

@media (max-width: 1079px) {
	.cabezal.interna .titulo .path .res {
		position: absolute;
		font-size: 16px;
		display: block;
		left: 0;
		top: 20px;
	}

	.dos-columnas main {
		float: none;
		width: 100%;
	}

	.menu-side {
		width: 320px;
		display: none;
		float: none;
		position: fixed;
		top: 48px;
		bottom: 0;
		background: #3d3d3f;
		z-index: 100;
		padding: 30px 20px 120px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch; /* Ajusta el momentum, para que el scroll no sea lento en ios */
		height: 100%; /* Le asigno un valor distinto de height:auto, para que el scroll no sea lento en ios */
	}

	.menu-side::-webkit-scrollbar {
		width: 1px;
	}

	.menu-side-aplicar#aplicar {
		display: none;
		position: fixed;
		width: 320px;
		box-sizing: border-box;
		top: 0;
		left: 0;
		background: #222222;
		height: 50px;
		text-align: center;
		color: #c6c7c8;
		font-size: 16px;
		-webkit-box-shadow: 0px 0px 25px 0px rgba(255, 255, 255, 0.2);
		-moz-box-shadow: 0px 0px 25px 0px rgba(255, 255, 255, 0.2);
		box-shadow: 0px 0px 25px 0px rgba(255, 255, 255, 0.2);
		z-index: 101;
	}

	.menu-side-aplicar#aplicar .boton.aplicar {
		display: block;
		color: #c6c7c8;
		position: absolute;
		top: 15px;
		right: 20px;
	}

	.menu-side-aplicar#aplicar .boton.cerrar {
		display: block;
		color: #c6c7c8;
		position: absolute;
		top: 15px;
		left: 20px;
	}

	.menu-side .busqueda#filtro-fecha input[type="date"] {
		margin-bottom: 20px !important;
		width: 250px;
	}

	.menu-side h2 {
		color: #a5a6a8;
		font-size: 14px;
		position: relative;
		text-align: center;
		margin: 40px 0 30px;
	}

	.menu-side h2 span {
		content: "";
		display: block;
		position: relative;
		z-index: 3;
	}

	.menu-side-limpiar#limpiar {
		display: none;
		position: fixed;
		width: 320px;
		bottom: 0;
		height: 40px;
		background: #222222;
		left: 0;
		padding-top: 10px;
		text-align: center;
		color: #c6c7c8;
		-webkit-box-shadow: 0px 0px 25px 0px rgba(255, 255, 255, 0.2);
		-moz-box-shadow: 0px 0px 25px 0px rgba(255, 255, 255, 0.2);
		box-shadow: 0px 0px 25px 0px rgba(255, 255, 255, 0.2);
		z-index: 101;
	}

	.menu-side-limpiar#limpiar i {
		color: #7b7c7e;
		margin-right: 5px;
	}
}

@media (max-width: 991px) {
	.stick-m.sticked .accesos-rapidos {
		display: inline-block;
		width: 20px;
	}
}

@media (max-width: 899px) {
	.productos.cinco > li {
		width: 31%;
		margin: 0 1%;
		height: auto;
		margin-bottom: 10px;
	}

	.productos.cinco > li:nth-child(5n) {
		margin: 0 1%;
	}
}

@media (max-width: 767px) {
	.stick-m.sticked .accesos-rapidos {
		display: none;
	}
}

@media (max-width: 479px) {
	/* boton filtro justo al telefono */
	.filtro-responsive {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		color: #5d5c5e;
		font-size: 16px;
		text-decoration: none;
	}

	.filtro-responsive i {
		font-size: 18px;
		margin-right: 10px;
		vertical-align: text-top;
	}

	/* boton filtro dentro del form de busqueda */
	.stick-m .busqueda-stick.visible a.filtro-responsive,
	.stick-m.sticked .busqueda-stick.visible a.filtro-responsive {
		position: relative;
		top: -10px;
		left: 0px;
		right: 0px;
		text-align: right;
	}

	.menu-side {
		width: 100%;
	}

	.menu-side-aplicar#aplicar {
		width: 100%;
	}

	.menu-side-limpiar#limpiar {
		width: 100%;
	}

	.productos.cinco > li {
		width: 98%;
		margin: 0 1%;
		height: auto;
		margin-bottom: 10px;
	}
}