/* 
    ----------------
	Libre Franklin
	----------------

	100 Thin
	200 Extra-Light
	300 Light
	400 Regular
	500 Medium
	600 Semi-Bold
	700 Bold
	800 Extra-Bold
	900 Black

*/

/* general */

	@media only screen and (max-width: 800px) {
	  .ocultar_mobile {
	    display: none;
	  }
	}

	html, body, .div-gray {
		width: 100%;
		height: 100%;
	}

	.div-gray {
		position: fixed;
		opacity: 0;
    	background: black;
    	z-index: -1;
	}

	* {
		margin:0;
		padding: 0;
		box-sizing: border-box;
	}

	a {
		text-decoration: none;
		color: inherit; /* <--------------- REMOVER SI HAY PROBLEMAS CON LOS ESTILOS DE LOS LINKS -------- */
	}

	a:hover { /* <--------------- REMOVER SI HAY PROBLEMAS CON LOS ESTILOS DE LOS LINKS -------- */
		text-decoration: none;
		color: inherit;
	}

	/* clase btn hover color 10 mas claro */
	.hover-opacity-20:hover {
		opacity: 0.8;
	}

	.btn-outline-azul{
		border: 1px solid #1a4b6c;
		color: #1a4b6c;
	}

	.btn-outline-azul:hover{
		color: #5b778b !important;
	}

	.bg-bordo{
		background-color: #9A111D;
	}

	.bg-azul{
		background-color: #1a4b6c;
	}

	.bg-gris-claro{
		background-color: #a0a1a2;
	}

	body {
		font-family: 'Libre Franklin', sans-serif;
		/*background-color: #4b4b4d;*/
	}

	.ancho{
		width: 20%;
		margin: 15px;
	}

	.clear {
		clear: both;
		display: block;
		width: 1px;
		height: 1px;
	}

	.contenedor {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		position: relative;
	}

	.desktop {
		display: block!important;
	}

	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 0;
	}

	html.side-open {
		overflow: hidden;
	}

	li {
		list-style: none;
	}

	.oculto {
		display: none;
	}

	.smart {
		display: none!important;
	}

	ul {
		margin: 0;
	}

	.sangria1 {
		padding-left: 50px;
	}

/* general */


/* all-content */

	.all-content {
		background-color: #e0e0e1;
		position: relative;
		left:0px;
	}

	.all-content.menu-open-pc {
		left:220px;
	}

/* all-content */

/* filtro-check */

	.filtro-check input[type="checkbox"] {
		width: 10%;
		vertical-align: top;
	}

	.filtro-check label {
		color: #69696B;
		font-size: 12px;
		margin-left: 1%;
		width: 87%;
	}

/* filtro-check */

/* Menu Principal */

	html {
		overflow-x: hidden;
	}

	nav.menu-ppal {
		width: 220px;
		background-color: #4b4b4d;
		font-size: 12px;
		font-weight: 300;
		position: fixed;
		top: 48px;
		bottom: 0;
		left: -220px;
		z-index: 10;
		overflow-x: hidden;
		overflow-y: hidden;
		z-index: 91;
	}

	nav.menu-ppal>div.scroll-hide {
		overflow-y: scroll;
		padding: 20px;
		height: 100%;
	}

	div.scroll-hide::-webkit-scrollbar {
		width: 1px;
	}

	nav.menu-ppal.menu-open {
		left: 0px;
	}
	nav.menu-ppal hr {
		margin-top: 0px !important;
  		margin-bottom: 0px !important;
  		border-top: 1px solid #69696b;
		/*border: 0;*/
	}

	nav.menu-ppal a {
		display: block;
		color: #fff;
	}

	nav.menu-ppal .horizontales {
		padding-bottom: 5px;
	}

	nav.menu-ppal .horizontales li {
		display: inline-block;
	}

	nav.menu-ppal .horizontales li:first-child {
		margin-right: 15px;
	}

	nav.menu-ppal .horizontales li a {
		color:#b3b5b6;
	}

	nav.menu-ppal>div>ul>li {
		margin: 11px 0;
	}

	nav.menu-ppal>div>ul>li>ul {
		padding-left: 11px;
	}

	nav.menu-ppal>div>ul>li>ul>li {
		margin: 5px 0;
	}

	nav.menu-ppal>div>ul>li>ul>li>a {
		color: #9c9e9f;
	}

	nav.menu-ppal>div>ul>li.desplegable {
		/*border-top:1px solid #747577;*/
		/*padding-top: 10px;*/
		margin-bottom: 0;
		position: relative;
	}

	nav.menu-ppal>div>ul>li.desplegable>a::after {
		content: "";
		display: block;
		width: 5px;
		height: 5px;
		position: absolute;
		/*top: 17px;*/
		top: 7px;
		right: 0;
		border: 5px solid transparent;
		border-top: 5px solid #9c9e9f;
		
	}

	nav.menu-ppal>div>ul>li.desplegable+li {
		max-height: 0;
		margin: 0;
		overflow: hidden;
		-moz-transition: max-height 0.5s ease, 0.1s linear;
		-o-transition: max-height 0.5s ease, 0.1s linear;
		-webkit-transition: max-height 0.5s ease, 0.1s linear;
		transition: max-height 0.5s ease, 0.1s linear;
	}

	nav.menu-ppal>div>ul>li.desplegable+li.desplegado {
		max-height: 1080px;
		margin: 11px 0;
	}

	nav.menu-ppal .suscribe, nav.menu-login .suscribe {
		background: #c0001b;
		border-radius: 7px;
		padding: 10px;
		text-align: center;
		-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
		margin-bottom: 15px;
	}

/* Menu Principal */

/* Menu Login */

	nav.menu-login {
		position: fixed;
		right: 0;
		top: 48px;
		bottom: 0;
		z-index: 100;
		background: #fff;
		padding: 0px 30px;
		width: 320px;
		box-sizing: border-box;
		-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
		/*font-weight: 900;*/
		max-height: 0;
		overflow: hidden;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		transition: all	 0.2s ease;
	}

	nav.menu-login.open {
		padding: 10px 30px;
		max-height: 10000px;
	}

	nav.menu-login a {
		color: #444446;
	}

	nav.menu-login li {
		margin: 15px 0;
	}

	nav.menu-login li.salir {
		background: #e9e9e9;
		border-radius: 7px;
		padding: 10px;
		text-align: center;
		margin-bottom: 15px;
	}

	nav.menu-login li.suscribe a {
		color: #fff;
	}

	nav.menu-login li.user {
		font-weight: 600;
		text-align: center;
	}

	.mayuscula{
       text-transform: capitalize;
   }
	/* ESTILO AGREGADO POR DAVID */

   .banda_similares {
	   	background: #373435; /* Negro */
		padding: 0px 15px;
		font-size: 16px;
		font-weight: 300;
		border: 1px solid #CECFCF;
	}

	.banda_covid_normativa {
	   	background: #666666; /* GRIS */
		padding: 0px 15px;
		font-size: 16px;
		font-weight: 300;
		/*border: 1px solid #CECFCF;*/
	}

	.banda_covid_jurisprudencia {
	   	background: #9A111D; /* ROJO */
		padding: 0px 15px;
		font-size: 16px;
		font-weight: 300;
		/*border: 1px solid #CECFCF;*/
	}

	.banda_covid_doctrina {
	   	background: #00335F; /* AZUL */
		padding: 0px 15px;
		font-size: 16px;
		font-weight: 300;
		/*border: 1px solid #CECFCF;*/
	}

	.banda_covid_multimedia {
	   	background: #009688; /* AZUL Celeste */
		padding: 0px 15px;
		font-size: 16px;
		font-weight: 300;
		/*border: 1px solid #CECFCF;*/
	}

	.banda_similares .dorado {
		color: #C5A373;
	}

	.banda_similares .blanco {
		color: #fff;
	}

	.banda_similares img {
		height: 40px;
	}

	.boton_similares {
		height: 60px;
	}

	#fallos_similares #slider {
		background-image: url("img/similares_trama.png");
  		background-size: cover;
  		position: relative;
	}

	/* FIN DE ESTILO AGREGADO POR DAVID */


/* Menu Login */

/* Sticky -------------------------------------------------------------------------------------------------------------------------------- */

	.stick-m {
    display: flex;
    align-items: center;
		background-color: #3d3d3f;
		height: 48px;
		position: fixed;
		left: 0;
		right: 0;
		z-index: 91; 
		-webkit-box-shadow: 0px 6px 25px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 6px 25px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 6px 25px 0px rgba(0,0,0,0.75);
	}

	.stick-m a {
		color: #d5d5d5;
		font-size: 12px;
	}

	.stick-m a:hover {
		color: #fff;
	}

	.stick-m .btn-buscar {
		color: #fff;
    font-size: 20px;
    border: 1px solid #6f7072;
    border-radius: 5px;
    background: #4b4b4d;
    padding: 5px 6px 4px 7px;
    overflow: hidden;
    margin-left: 10px;
		display: none;
	}

	.stick-m .busqueda-stick {
		display: inline-block;
		opacity: 0;
		filter: alpha(opacity=0); 
		overflow: hidden;
		width: 0px;
		height: 48px;
		padding-top: 10px;
		margin-left: 30px;
		position: relative;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.stick-m .busqueda-stick input[type="text"] {
		border: none;
		border-radius: 5px;
		width: 100%;
		height: 31px;
		padding: 0 5px;
		font-size: 12px;
	}

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

	.stick-m .logo-stick img {
		width: 100%;
	}

		/* Accesos rapidos */

		.accesos-rapidos {
			display: inline-block;
			overflow: hidden;
			height: 48px;
			padding: 0;
			margin: 0 auto;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

		.accesos-rapidos li {
			display: inline-block;
		}

		.accesos-rapidos a {
			padding: 15px 5px;
			display: block;
		}

		/* Accesos rapidos */

		/* Botones ecommerce */

		.btns-ecommerce {
			display: flex;
		}

		.btns-ecommerce li {
			display: inline-block;
		}

		.btns-ecommerce li:first-child {
			border-right: 1px solid #747577;
		}
		
		.btns-ecommerce a {
			display: block;
			padding: 0 10px;
		}

		.btns-ecommerce a:first-child {
			/*padding: */
		}

		.btns-ecommerce a::before {
			content: none;
			padding: 0 5px;
		}

		.btns-ecommerce i {
			/*position: absolute;*/
			color: #fff;
			margin: 0 5px;
			font-size: 16px;
		}

		.btns-ecommerce i.fa-bell {
			color: #a0111d;
			text-shadow: 0px 0px 3px #FFFFFF;
		}

		h2 i.fa-bell {
			color: #a0111d;
		}

		h2 i.fa-bell::before {
			position: relative;
			top: 0;
			z-index: 1;
		}

		h2 i.fa-bell::after {
			content: "\f0f3";
			color: #fff;
			position: relative;
			left: -15.7px;;
			top: 1px;
			font-size: 20px;
			z-index: 0;
		}

		.btns-ecommerce i.fa-user {
			pointer-events: none;
		}

		.btns-ecommerce .items {
			display: none;
		}

		.btns-ecommerce .comprando span {
			display: block;
			background: #a0111d;
			border-radius: 50%;
			font-size: 12px;
			width: 18px;
			height: 18px;
			text-align: center;
		}

		.btns-ecommerce .comprando i {
			display: none;
		}

		/* Botones ecommerce */

		/* Hamburguesa */

		.btn-contenidos {
			display: flex;
	    align-items: center;
	    height: 100%;
	    overflow: hidden;
	    padding-left: 15px;
		}
		
		.btn-contenidos:hover { 
			text-decoration: none;
		}

		.btn-contenidos:hover .hamb li { 
			background-color: #fff;
		}

		.btn-contenidos span {
			display: inline-block;
			margin-left: 15px;
			opacity: 1;
			line-height: 1px;
			filter: alpha(opacity=100);
			-moz-transition: opacity 1.0s ease;
			-o-transition: opacity 1.0s ease;
			-webkit-transition: opacity 1.0s ease;
			transition: opacity 1.0s ease;
		}

		.hamb {
			width: 18px;
			display: inline-block;
			margin-bottom: 0px;
		}

		.hamb li { 
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease;
			height: 3px;
			background-color: #d5d5d5;
			margin-bottom: 2px;
			border-radius: 4px;
		}

		.hamb li:nth-child(3) {
			margin: 0;
		}

		.menu-open .btn-contenidos {
			color: #fff;
		}

		.menu-open .hamb {
			transform: rotate3d(0, 0, 1, 180deg);
		}

		.menu-open .hamb li {
			background: #fff;
		}

		.menu-open .hamb li:nth-child(1) {
			transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, 12px, 0);
			margin-left: 10px;
			width: 18px;
		}

		.menu-open .hamb li:nth-child(2) {
			opacity: 0;
			filter: alpha(opacity=0); 
		}

		.menu-open .hamb li:nth-child(3) {
			transform: rotate3d(0, 0, 1, -45deg) translate3d(-5px, -12px, 0);
			margin-left: 10px;
			margin-bottom: 0;
			width: 18px;
		}

		/* Hamburguesa */

		/* Sticked */

		.sticked .accesos-rapidos {
			margin-left: 10px;
		}

		.sticked .btn-contenidos span {
			width: 0;
			opacity: 0;
			filter: alpha(opacity=0);
		}

		.sticked .busqueda-stick {
			width: 335px;
			opacity: 1;
			filter: alpha(opacity=100);
		}
		
		/* Sticked */

/* Sticky -------------------------------------------------------------------------------------------------------------------------------- */

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

	.cabezal {
		padding-top: 60px;
	}

	.cabezal .busqueda {
		display: inline-block;
		margin-left: 5%;
		position: relative;
		width: 45%;
	}

	.cabezal .busqueda input[type="text"] {
		-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);
	}

		/* Desplegable buscador superior  */

		.busqueda #filtro-busqueda {
			font-size: 80%;
			margin: 0;
			border-radius: 0;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			color:#888;
			border:none;
			border-right: 2px solid #bababb;
			outline:none;
			display: inline-block;
			cursor:pointer;
			-webkit-box-shadow: -5px 0px 15px 0px rgba(0,0,0,0.3);
			-moz-box-shadow: -5px 0px 15px 0px rgba(0,0,0,0.3);
			box-shadow: -5px 0px 15px 0px rgba(0,0,0,0.3);
			height: 31px;
			padding: 0 5px;
			width: 100%;
			background: #fff;
		}

		.busqueda #filtro-busqueda-label {
			position:relative;
			width: 29.5%;
			margin-right: -3px;
		}
		
		.busqueda #filtro-busqueda-label:after {
			content:' ';
			width: 0; 
			height: 0; 
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 5px solid #aaa;
			position:absolute;
			top: 15px;
			right: 10px;
			pointer-events: none;
			cursor: pointer;
		}
		
		/* Desplegable buscador superior  */

	.cabezal .detalles {
		position: absolute;
		right: 0;
		top: 0;
		width: 140px;
		height: 72px;
	}

	.cabezal .detalles .fecha, .cabezal .detalles .telefono {
		position: absolute;
		right: 0;
	}

	.cabezal .detalles .fecha {
		font-weight: 600;
		font-size: 12px;
		top: 50px;
	}

	.cabezal .detalles .telefono {
		color: #1a171b;
		font-size: 14px;
	}

	.cabezal .detalles .telefono i {
		color: #5d5d5f;
	}

	.cabezal input[type="text"] {
		border: none;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		width: 70%;
		height: 31px;
		padding: 0 5px;
		padding-left: 10px;
		font-size: 12px;
	}

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

	.cabezal #busquedas-avanzadas {
    position: absolute;
    font-size: 85%;
    color: gray;
    top: -4px;
		margin-left: 20px;
	}

	.cabezal .linea {
		display: block;
		height: 3px;
		background: #a0111d;
		margin: 10px 0;
	}

	.cabezal .logo {
		/*width: 182px; TAMAÑO LOGO ORIGINAL */
		
		/*TAMAÑO LOGO 25 AÑOS*/
		width: 250px;

		display: inline-block;
	}

	.cabezal .logo img {
		width: 100%;
	}

	.cabezal .menu-cabezal a {
		color: #1a171b;
		display: block;
	}

	.cabezal .menu-cabezal li {
		font-size: 85%;
    font-weight: 500;
		display: inline-block;
		margin-right: 10px;
	}

	.cabezal .sociales {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.cabezal .sociales a {
		color: #808080;
		font-size: 18px;
	}

	.cabezal .sociales li {
		display: inline-block;
		margin-left: 15px;
	}

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

/* Redes --------------------------------------------------------------------------------------------------------------------------------- */

#redes-lateral {
	position: fixed;
	right: 0;
	top: 170px;
	background: #fff;
	-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);
	z-index: 100;
}

#redes-lateral.hide {
	/*left: -100px;*/
}

#redes-lateral ul {
	padding: 10px;
}

#redes-lateral ul.ayudas {
	background: #eee;
	border-top: 1px solid #ddd;
}

#redes-lateral ul li {
	border: none;
	padding: 0;
}

#redes-lateral ul li a {
	font-size: 22px;
	color: #333;
	padding: 12px 0;
	display: block;
}

#redes-lateral ul.redes li i.fa-facebook {
	color: #3b5998;
}

#redes-lateral ul.redes li i.fa-twitter {
	color: #00acee;
}

#redes-lateral ul.redes li i.fa-instagram {
	color: #e95950;
}

#redes-lateral ul.redes li i.fa-envelope {
	color:#9a111d;
}

/* Redes --------------------------------------------------------------------------------------------------------------------------------- */

/* Main ---------------------------------------------------------------------------------------------------------------------------------- */

	main {
		padding: 0 10px;
	}

	/* Banners --------------------------------------------------------------------------------------------------------------------------- */

		.banners {
			padding: 15px 0;
			width: 100%;
			max-width: 1280px;
			overflow-x: hidden;
			margin: 0 auto;
		}
		
		.banners img {
			width: 100%;
		}

		.banners .div-img-banner {
			margin-bottom: .5rem;
		}

		.banners p {
			font-size: 1.2vw; 
			margin-bottom: 0; 
		}

		.banners i {
			font-size: 1.4vw;
			margin-left: 10px;
		}

		.banners li {
			overflow: hidden;
			float: left;
			max-height: 316px;
		}

		.banners li:first-child {
			width: 24.3%;
			margin-right: 1%;
		}

		.banners li:nth-child(2) {
			width: 49.4%;
		}

		.banners li:last-child {
			width: 24.3%;
			margin-left: 1%;
		}

		.banners li:first-child img:first-child {
			margin-bottom: 15.04px;
			margin-bottom: 4.5%;
		}

		.banners ul::after {
			content:"";
			clear: both;
			display: block;
			width: 0px;
			height: 0px;
		}

		#publi_smart {
			display: none;
		}

	/* Banners --------------------------------------------------------------------------------------------------------------------------- */

	/* FALLOS, DOCTRINAS, NORMAS, MODELOS COLOR AZUL LINKS ------------------------------------------------------------------------------------------------------------------------ */
	#fallos a, #doctrina a, #normas a, #modelos a {
		color: #00335F;
	}

	/* FALLOS, DOCTRINAS, NORMAS, MODELOS COLOR AZUL LINKS ------------------------------------------------------------------------------------------------------------------------ */


	/* fallos-dia ------------------------------------------------------------------------------------------------------------------------ */

		.fallos-dia {
			background: #fff;
			padding-top: 15px;
			position: relative;
		}

		.fallos-dia h2 {
			border-bottom: 1px solid #bcbdbe;
			font-size: 14px;
			color: #1a171b;
			padding-bottom: 5px;
			margin-bottom: 15px;
		}

		.fallos-dia h2 span {
			font-size: 12px;
			color: #626264;
		}

		.fallos-dia h3 {
			font-size: 12px;
			color: #1a171b;
			font-weight: 500;
			text-transform: uppercase;
		}

		.fallos-dia h4 {
			font-size: 21px;
			color: #00335f;
			font-weight: 500;
		}

		.fallos-dia p {
			margin-bottom: 0;
		}

		.fallos-dia li {
			color: #69696b;
			font-size: 12px;
			width:21%;
		}

		.fallos-dia .nav {
			position: absolute;
			top: 90px;
			border-left: 1px solid #b0b2b3;
			border-bottom: 1px solid #b0b2b3;
			display: block;
			width: 20px;
			height: 20px;
		}

		.fallos-dia .swiper-button-prev {
			background-image: url("../svg/left-arrow.svg");
		}

		.fallos-dia .swiper-button-next {
			background-image: url("../svg/right-arrow.svg");
		}

		.fallos-dia ul::after {
			content: "";
			clear: both;
			display: block;
			width: 0;
			height: 0;
		}

		.fallos-dia .todos {
			position: absolute;
			top: 10px;
			right: 10px;
			color: #626264;
			font-size: 12px;
		}

		.fallos-dia .todos span {
			font-size: 18px;
			margin-left: 15px;
			vertical-align: middle;
		}

		

	/* fallos-dia ------------------------------------------------------------------------------------------------------------------------ */

	/* Venta ----------------------------------------------------------------------------------------------------------------------------- */
		
		.venta {
			padding: 30px 0;
		}

		.venta .titular-destacados {
			color: #fff;
			font-size: 90%;
			font-weight: 500;
			padding: .7rem 1rem;
			background: #a0a1a2;
		}

		.venta .menu {
			background: #fff;
			border: 1px solid #d4d5d5;
			position: relative;
		}

		.venta .menu a {
			display: block;
			padding: 10px 20px;
			margin: 4px 0;
			color: #464648;
			font-weight: 600;
		}

		.venta .menu a.activo, .venta .menu .slider:hover {
			background: #e9e9ea;
			cursor: pointer;
		}

		.venta .menu li {
			display: inline-block;
		}

		.venta .menu li:last-child {
			position: absolute;
			right: 0;
		}

		.venta .menu li:last-child a {
			font-weight: normal;
			font-size: 12px;
			text-decoration: underline;
		}

		
		.venta .paginado {
			margin: 25px auto;
			width: 225px;
		}

		.venta .paginado a {
			display: block;
			width: 15px;
			height: 15px;
			border-radius: 50%;
			background: #69696b;
			margin: 0 7px;
		}

		.venta .paginado a.activo, .venta .paginado a:hover {
			background: #000;
		}

		.venta .paginado li {
			display: inline-block;
			text-indent: -9999px;
		}

		.venta .productos {
			margin-top: 12px;
		}

		.venta .productos::after {
			content: "";
			clear: both;
			display: block;
			width: 0;
			height: 0;
		}

/*		.venta .productos>li {
			width: 100%;
			margin-right: 2%;
			float: left;
			border: 1px solid #d3d4d4;
			background: #fff;
			text-align: center;
			padding-bottom: 10px;
		}*/

		.venta .productos>li:last-child {
			margin-right: 0;
		}

		.venta .productos>li h2 {
			color: #1a171b;
			font-size: 12px;
			padding: 0 10px;
			overflow-y: hidden;
			min-height: 55px;
		}

		.venta .productos>li img {
			max-width: 100%;
			max-height: 190px;
		}

		.venta .productos>li p.precio {
			border-top: 2px solid #bcbdbe;
			border-bottom: 2px solid #bcbdbe;
			width: 60%;
			margin: 10px auto;
			padding: 7px 0;
		}

		.venta .productos>li ul li {
			display: inline-block;
			font-size: 18px;
		}

		.venta .productos>li ul li a {
			display: block;
			padding: 0 10px;
			color: #1a171b;
		}

		.venta .productos>li .wrapper {
			height: 200px;
			overflow: hidden;
			margin: 5px 0 5px;
		}

		.venta .productos>li.capacitacion .wrapper {
			height: 80px;
		}

	/* Venta ----------------------------------------------------------------------------------------------------------------------------- */

	/* Publicidad ------------------------------------------------------------------------------------------------------------------------ */
	
		.publicidad {
			margin: 40px 0;
		}

		.publicidad li {
			width: 49%;
			float: left;
		}

		.publicidad li:first-child {
			margin-right: 2%;
		}

		.publicidad li img {
			width: 100%;
		}

		.publicidad ul::after {
			width: 0;
			height: 0;
			content: "";
			display: block;
			clear: both;
		}
	
	/* Publicidad ------------------------------------------------------------------------------------------------------------------------ */

	/* Google Ads ------------------------------------------------------------------------------------------------------------------------ */
			
		.google-ads .contenedor {
			background: #fff;
			border: 1px solid #d4d5d5;
			position: relative;
			padding: 14px 24px;
		}

		.google-ads a {
			display: inline-block;
			color: #464648;
			font-weight: 100;
		}

		.google-ads a:first-child {
			font-weight: normal;
			font-size: 12px;
			text-decoration: underline;
		}

		.google-ads a:not(first-child) {
			font-size: 26px;
		}

		.google-ads h2 {
			color: #464648;
			font-weight: 500;
			font-size: 16px;
		}

		.google-ads p {
			position: absolute;
			top: 0;
			right: 14px;
		}

	/* Google Ads ------------------------------------------------------------------------------------------------------------------------ */

	/* Destacados ------------------------------------------------------------------------------------------------------------------------ */

		.destacados {	
			margin-top: 25px;
		}

		.destacados h2 {	
			color: #1a171b;
			font-size: 12px;
			text-transform: uppercase;
		}

		.destacados h3 {
			color: #166179;
			font-size: 18px;
			line-height: 22px;
			font-weight: 500;
		}

		.destacados img {
			width: 100%;
		}

		.destacados li {
			width: 19%;
			margin-right: 1.25%;
			background: #fff;
			border: 1px solid #d3d4d4;
			float: left;
			padding-bottom: 15px;
		}

		.destacados li:last-child {
			margin-right: 0;
		}

		.destacados li .mas {
			border: 1px solid #bcbdbe;
			border-radius: 10px;
			margin-left: 21px;
			padding: 8px;
			font-size: 90%;
			display: inline-block;
			color: #69696b;
		}

		.destacados li .mas:hover {
			text-decoration: none;
			background: #e9e9ea;
		}

		.destacados li .mas span {
			margin-left: 21px;
			font-size: 20px;
			font-weight: 100;
			vertical-align: middle;
			line-height: 20px;
		}

		.destacados .texto {
			padding: 13px 21px;
			color: #69696b;
			font-size: 12px;
			height: 244px;
			overflow: hidden;
			margin-bottom: 15px;
		}

		.destacados ul::after {
			content: "";
			display: block;
			width: 0;
			height: 0;
			clear: both;
		}

	/* Destacados ------------------------------------------------------------------------------------------------------------------------ */

/* Main ---------------------------------------------------------------------------------------------------------------------------------- */

/* Footer */

	.footer {
		background-color: #3d3d3f;
		color: #fff;
		font-size: 10px;
		line-height: 16px; 
		padding: 32px 0px;
	}

	.footer a {
		color: white;
	}

	.footer .imagenes {
		position: absolute;
		right: 0;
		top: 0;
	}

	.footer .imagenes img {
		margin: 0 15px;
	}

	.prefooter {
		font-size: 14px;
		line-height: 26px;
		padding: 32px 0px;
		background: #fff;
		margin-top: 40px;
	}

	.prefooter a {
		color: #3d3d3f;
	}

	.prefooter a span {
		color: #6d6e70;
	}

	.prefooter [class^="col-"] {
		margin-bottom: 20px;
	}

	.prefooter [class^="col-"]:nth-child(1) {
		padding-left: 30px;
	}

	.prefooter [class^="col-"]:nth-child(2) {
		padding-right: 55px;
	}

	.prefooter .form-newsletter {
		margin-top: 15px;
	}

	.prefooter .form-newsletter input {
		padding: 5px 5px;
		font-size: 12px;
		border-radius: 7px;
		border: 1px solid #bcbdbe;
		width: 70%;
	}

	.prefooter .form-newsletter input[type="submit"] {
		background: #b0b1b2;
		color: #fff;
		padding: 5px 15px;
		margin-left: 10px;
		width: auto;
	}

	.prefooter h2 {
		font-size: 15px;
		font-weight: 700;
		color: #3d3d3f;
		margin-bottom: 10px;
	}

	.prefooter img.dial-express {
		width: 60%;
	}

	.prefooter .redes {
		margin-top: 15px;
	}

	.prefooter .redes li {
		display: inline-block;
		margin: 0 -2px;
	}

	.prefooter .redes li a {
		display: block;
		padding: 5px;
		color: #727375;
		border: 1px solid #bcbdbe;
		width: 40px;
		text-align: center;
	}

	.prefooter .redes li a:hover {
		background: #e9e9ea;
	}

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

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

	.row {
		margin: 0;
    }

/* Footer */

/* Media Queries ######################################################################################################################### */


	@media (max-width: 1419px) {
		.stick-m.sticked .accesos-rapidos {
			width: 510px;
		}
	}

	@media (max-width: 1280px) {
		
		.cabezal {
			padding-left: 20px;
			padding-right: 20px;
		}

		.fallos-dia h2 {
			padding: 5px 10px;
		}

		.fallos-dia .todos {
			right: 15px;
		}
		
		.footer {
			padding-left: 20px;
			padding-right: 20px;
		}

		.prefooter {
			padding-left: 20px;
			padding-right: 20px;
		}

		.stick-m.sticked .accesos-rapidos {
			width: 400px;
		}

	}

	@media (max-width: 1169px) {
		
		.stick-m.sticked .accesos-rapidos {
			width: 300px;
		}
		
	}

	@media (max-width: 1023px) {

		.stick-m.sticked .accesos-rapidos {
			width: 260px;
		}
		
	}

	@media (min-width: 767px) and (max-width: 992px) {
		.stick-m .btns-ecommerce {
			margin-left: auto;
		}

	}

	@media (min-width: 992px) and (max-width: 1199px) {
		.footer .imagenes {
			position: relative;
			margin-top: 40px;
			text-align: center;
		}

		.prefooter .form-newsletter input, .prefooter .form-newsletter input[type="submit"] {
			width: 100%;
			margin: 5px auto;
		}

	}

	@media (max-width: 991px) {

		.cabezal .busqueda {
			display: block;
			margin: 20px 0;
			width: auto;
		}

		.cabezal input[type="submit"] {
			top: 0;
			bottom: 7px;
			right: 0;
		}

		.cabezal .busqueda #busquedas-avanzadas {
			display: none;
		}
		
		.footer {
			text-align: center
		}

		.footer .imagenes {
			position: relative;
			margin-top: 40px;
			text-align: center
		}

		.footer .imagenes img {
			margin-bottom: 20px;
			display: inline-block;
		}
		
		.publicidad li {
			width: 80%;
			float: auto;
			margin: 10px 10%;
		}

		#redes-lateral {
			position: relative;
			top: 0;
			/*display: inline-block;*/
			display: none;
			margin: 20px 0;
			z-index: 0;
		}

		#redes-lateral.hide {
			left: 0px;
		}
		
		#redes-lateral ul {
			padding: 10px;
			display: inline-block;
		}
		
		#redes-lateral ul.ayudas {
			background: #eee;
			border-top: none;
			border-left: 1px solid #ddd;
		}
		
		#redes-lateral ul li {
			display: inline-block;
		}
		
		#redes-lateral ul li a {
			font-size: 22px;
			color: #333;
			padding: 5px 10px;
		}

		.stick-m .accesos-rapidos {
			margin-left: 0;
			width: 420px;
			width: 55%;
		}

		.stick-m.sticked .accesos-rapidos {
			display: none;
		}

	}

	@media (max-width: 767px) {

		.banners li:first-child {
			width: 100%;
		}

		.banners li:first-child img:first-child {
			margin-bottom: 0;
			margin-right: 2%;
		}

		.banners .accesos img {
			width: 100%;
		}

		.banners p, .banners i {
			font-size: 13px;
		}

		.btn-contenidos span {
			display: none;
		}

		.btn-contenidos {
			padding-right: 15px;
		}

		/* Desplegable buscador superior  */

		.busqueda #filtro-busqueda {
			border-right: none;
			border-top-right-radius: 5px;
			border-bottom-left-radius: 0px;
			-webkit-box-shadow: 0px -2px 15px 0px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px -20px 15px 0px rgba(0,0,0,0.3);
			box-shadow: 0px -2px 15px 0px rgba(0,0,0,0.3);
		}

		.busqueda #filtro-busqueda-label {
			width: 100%;
			margin-right: 0px;
			margin-bottom: 1px;
		}

		.cabezal input[type="text"] {
			border-bottom-left-radius: 5px;
			border-top-right-radius: 0px;
			width: 100%;
		}
	
		.cabezal input[type="submit"] {
			top: 35px;
		}

		.cabezal .menu-cabezal {
			display: flex;
    	justify-content: center;
		}

		.cabezal .sociales {
			display: flex;
    	justify-content: center;
			position: relative;
			text-align: right;
			text-align: left;
			margin-top: 15px;
			margin-bottom: 0;
		}

		.cabezal .sociales li {
			margin-left: 0;
			margin-right: 25px;
		}
		
		/* Desplegable buscador superior  */

		.banners li:last-child {
			width: 0px;
			overflow: hidden;
		}

		.banners li:nth-child(2) {
			width: 100%;
			margin: 0;
		}

		.destacados li {
			width: 40%;
			margin: 15px 5%;
		}

		.fallos-dia li {
			width: 40%;
			margin: 15px auto;
		}

		.fallos-dia .nav.prev {
			left: 15px;
		}

		.fallos-dia .nav.post {
			right: 15px;
		}

		.google-ads h2 {
			text-align: center;
		}

		.prefooter a {
			display: block;
		}

		.prefooter [class^="col-"] {
			text-align: center;
		}

		.stick-m .accesos-rapidos {
			display: none;
		}

		.stick-m a:nth-child(1) {
			order: 0;
		}

		.stick-m a:nth-child(3) {
			order: 1;
		}

		.stick-m a:nth-child(2) {
			order: 2;
			margin: 0 auto;
		}

		.stick-m form {
			order: 3;
		}

		.stick-m ul {
			order: 4;
		}

		.stick-m .logo-stick {
			width: 135px;
			height: 48px;
    	padding-top: 7px;
			opacity: 1;
			filter: alpha(opacity=100);
		}
		
		.stick-m .btns-ecommerce .texto-btns-ecommerce {
			display: none;
		}

		.stick-m .btn-buscar {
			display: inline-block;
		}

		.stick-m .busqueda-stick, .stick-m.sticked .busqueda-stick {
			display: none;
		}

		.stick-m .busqueda-stick.visible, .stick-m.sticked .busqueda-stick.visible {
			opacity: 1;
			filter: alpha(opacity=100);
			display: block;
			margin: 0;
			position: fixed;
			top: 48px;
			left: 0px;
			right: 0px;
			padding: 30px 30px 0;
			width: auto;
			height: 90px;
			background: #fff;
			border-bottom: 1px solid #ccc;
			-webkit-box-shadow: 0px 6px 25px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 6px 25px 0px rgba(0,0,0,0.75);
			box-shadow: 0px 6px 25px 0px rgba(0,0,0,0.75);
		}
		
		.stick-m .busqueda-stick.visible a, .stick-m.sticked .busqueda-stick.visible a {
			position: absolute;
			right: 40px;
			bottom: 5px;
			color: #666;
		}

		.stick-m .busqueda-stick.visible input[type="submit"], .stick-m.sticked .busqueda-stick.visible input[type="submit"] {
			right: 30px;
			cursor: pointer;
		}

		.stick-m .busqueda-stick.visible input[type="text"], .stick-m.sticked .busqueda-stick.visible input[type="text"] {
			border: 1px solid #ccc;
			-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);
			margin-bottom: 15px;
		}

		.venta .titular-destacados {
			font-size: 80%;
		}

		.venta .menu a {
			padding: 10px 10px 
		}

		.venta .menu li:last-child {
			width: 100%;
			text-align: center;
			position: relative;
		}

		.prefooter [class^="col-"]:nth-child(1)  {
			padding: 0;
		}

		.prefooter [class^="col-"]:nth-child(2)  {
			padding: 0;
		}

		.prefooter [class^="col-"]:nth-child(2) img {
			width: 60% !important;	
		}

		.prefooter .form-newsletter {
			display: flex;
			flex-direction: column;
		}

		.prefooter .form-newsletter input {
			width: 100%;
			margin-left: 0 !important;
			margin-bottom: 10px;
			font-size: 16px;
		}

	}

	@media (max-width: 479px) {

		.banners li {
			max-height: none;
		}

		.cabezal .detalles {
			display: flex;
    	justify-content: center;
			position: relative;
			height: auto;
			width: auto;
		}

		.cabezal .detalles .fecha {
			display: none;
		}

		.cabezal .detalles .telefono {
			position: relative;
		}

		.cabezal .logo {
			margin: 20px auto;
			display: block;
		}

		.cabezal .menu-cabezal {
			overflow: hidden;
			height: 22px;
		}

		.desktop {
			display: none!important;
		}

		.destacados li {
			width: 80%;
			margin: 20px auto;
			float: none;
		}

		.destacados li:last-child {
			margin: 20px auto;
		}

		.fallos-dia li {
			width: 80%;
			margin: 20px auto;
			float: none;
		}
		
		#publi_smart {
			display: block;
		}

		#publi_smart img {
			display: block;
			width: 100%;
			margin: 20px 0;
		}

		.smart {
			display: block!important;
		}

		.stick-m .accesos-rapidos {
			display: none;
		}

		.venta .productos>li {
			width: 80%;
			margin: 20px auto;
			float: none;
		}

		.venta .productos>li:last-child {
			margin: 20px auto;
		}

	}

	@media (min-width: 767px) {

		.btns-ecommerce {
			min-width: 183px;
		}

		.stick-m .logo-stick {
			display: inline-block;
			width: 0px;
			height: 48px;
    	padding-top: 7px;
			overflow: hidden;
			opacity: 100;
			filter: alpha(opacity=0); 
			-moz-transition: opacity 1.0s ease;
			-o-transition: opacity 1.0s ease;
			-webkit-transition: opacity 1.0s ease;
			transition: opacity 1.0s ease;
		}

		.sticked .logo-stick {
			width: 135px;
			opacity: 1;
			filter: alpha(opacity=100);
		}


		.all-content {
			-webkit-transition: -webkit-all 500ms cubic-bezier(0.565,1,0.765,0.88);
			-webkit-transition: -webkit-all 500ms cubic-bezier(0.565,1.65,0.765,0.88);
			-moz-transition: -moz-all 500ms cubic-bezier(0.565,1.65,0.765,0.88);
			-o-transition: -o-transform 500ms cubic-bezier(0.565,1.65,0.765,0.88);
			transition: all 500ms cubic-bezier(0.565,1.65,0.765,0.88);
			-webkit-transition-timing-function: cubic-bezier(0.565,1.65,0.765,0.88);
			-moz-transition-timing-function: cubic-bezier(0.565,1.65,0.765,0.88);
			-o-transition-timing-function: cubic-bezier(0.565,1.65,0.765,0.88);
			transition-timing-function: cubic-bezier(0.565,1.65,0.765,0.88);
		}

		nav.menu-ppal {
			/* Transicion entrada y salida */
				-webkit-transition: -webkit-all 500ms cubic-bezier(0.565,1,0.765,0.88);
				-webkit-transition: -webkit-all 500ms cubic-bezier(0.565,1.65,0.765,0.88);
				-moz-transition: -moz-all 500ms cubic-bezier(0.565,1.65,0.765,0.88);
				-o-transition: -o-transform 500ms cubic-bezier(0.565,1.65,0.765,0.88);
				transition: all 500ms cubic-bezier(0.565,1.65,0.765,0.88);
				-webkit-transition-timing-function: cubic-bezier(0.565,1.65,0.765,0.88);
				-moz-transition-timing-function: cubic-bezier(0.565,1.65,0.765,0.88);
				-o-transition-timing-function: cubic-bezier(0.565,1.65,0.765,0.88);
				transition-timing-function: cubic-bezier(0.565,1.65,0.765,0.88);
			/* Transicion entrada y salida */
		}
	}

/* Media Queries #########################################################################################################################