/*FILTROS *********************************************************************************************************************** */
html.filtrosdesp body {
	overflow: hidden;
}

html.filtrosdesp #cabecera,
html.veralerta #cabecera {
	position: fixed;
}

html.filtrosdesp #navegacion_categorias,
html.veralerta #navegacion_alertas {
    display: block;
}
html.veralerta #navegacion_categorias {
    display: none;
}

html.filtrosdesp #navegacion_categorias .lightbox,
html.veralerta #navegacion_alertas .lightbox {
	top: 90px;
	z-index: 0;
}

#navegacion_categorias,
#navegacion_alertas {
	display: none;
	position: fixed;
	top: 90px;
	cursor: default;
}


#navegacion_categorias {
	bottom: 0;
	left: 20%;
	right: 20%;
	background-color: white;
}

#navegacion_categorias .navegacion_aux_scroll {
	overflow-y: scroll;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 68px;
	background-color: inherit;
	z-index: 1;
	padding-bottom: 2%;
}

#navegacion_categorias .navegacion_controles {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 14px 0;
	background-color: inherit;
	z-index: 1;
}

#navegacion_categorias .navegacion_controles .boton {
	font-size: 17px;
	/*padding: 7px 0px;*/
	margin: 0px 40px;
	color: white;
	background-color: #CA1E25;
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	position: relative;
	font-weight: bold;
	z-index: 1;
}
html.droid #navegacion_categorias .navegacion_controles .boton {
	line-height: 41px;
}

#navegacion_categorias .navegacion_controles .alertas {
    position: absolute;
    width: 150px;
    right: 0;
    margin-right: 15px;
    display: inline-block;
    z-index: 1;
}

#navegacion_categorias .navegacion_controles .cerrar {
	display: none;
}

#navegacion_categorias .navegacion_controles .boton > i {
	width: 24px;
	height: 24px;
	line-height: 24px !important;
    margin-top: -1px;
    vertical-align: middle;
    margin-right: 8px;
	margin-left: -2px;
}
html.droid #navegacion_categorias .navegacion_controles .boton > i {
    margin-top: -2px;
}

#navegacion_categorias .bloque_categorias {
	text-align: left;
	display: inline-block;
	width: 46%;
	padding: 2%;
	padding-bottom: 0;

	display: none; /* Eliminar despues de actualizar la BD*/
}

#navegacion_categorias #bloque_categorias_10,
#navegacion_categorias #bloque_categorias_12,
#navegacion_categorias #bloque_categorias_15 {
	float: right;
	/*clear: right;*/

	display: inline-block; /* Eliminar despues de actualizar la BD*/
}

#navegacion_categorias #bloque_categorias_11,
#navegacion_categorias #bloque_categorias_13,
#navegacion_categorias #bloque_categorias_14 {
	float: left;
	/*clear: left;*/

	display: inline-block; /* Eliminar despues de actualizar la BD*/
}

#navegacion_categorias #bloque_categorias_10 {
	width: 48%;
	padding-right: 0;
}
#navegacion_categorias #bloque_categorias_12 {
	margin-bottom: 230px;
}
#navegacion_categorias #bloque_categorias_15 {
	margin-top: -230px;
	clear: right;
}

#navegacion_categorias .bloque_categorias .descripcion_bloque_categorias {
	font-size: 24px;
	margin: 3px;
	margin-left: 0;
	margin-bottom: 15px;
	color: #CA1E25;
}

#navegacion_categorias .descripcion_grupo_categorias {
	display: block;
	font-weight: bold;
	font-size: 18px;
	margin-left: 0;
	margin-bottom: 5px;
	margin-top: 20px;
}
#navegacion_categorias .descripcion_grupo_categorias:empty {
	display: none;
}
#navegacion_categorias .bloque_categorias .descripcion_bloque_categorias + .descripcion_grupo_categorias {
	margin-top: 15px;
}

#navegacion_alertas  span.filtro,
#navegacion_categorias .bloque_categorias span.filtro {
	display: inline-block;
	border: 1px solid #E8E8E8;
	margin: 4px 0;
	margin-right: 8px;
	padding: 7px 12px 6px 12px;
	border-radius: 3px;
}
html.droid #navegacion_alertas  span.filtro,
html.droid #navegacion_categorias .bloque_categorias span.filtro {
	padding-top: 8px;
	padding-bottom: 5px;
}

#navegacion_categorias .bloque_categorias span.videos:before,
#navegacion_categorias .bloque_categorias span.experiencias:before,
#navegacion_categorias .bloque_categorias span.certificado:before {
	position: relative;
	vertical-align: top;
    width: 18px;
    margin: 0px;
	margin-right: 10px;
    height: 16px;
    line-height: 18px;
    font-size: 18px;
	color: #505050;
}
#navegacion_categorias .bloque_categorias span.videos:before {
	content: "play_arrow";
	font-weight: bold;
}
#navegacion_categorias .bloque_categorias span.experiencias:before {
	content: "thumb_up";
	line-height: 14px;
}
#navegacion_categorias .bloque_categorias span.certificado:before {
	content: "check";
	font-weight: bold;
}

#navegacion_categorias .bloque_categorias span.disponible_on {
	cursor: pointer;
}

#navegacion_categorias .bloque_categorias span.disponible_off {
	color: #E0E0E0;
}

#navegacion_alertas  span.filtro,
#navegacion_categorias .bloque_categorias select.activo_on,
#navegacion_categorias .bloque_categorias span.activo_on {
	color: white;
	background-color: #0072C6;
	border-color: #0072C6;
}
#navegacion_categorias .bloque_categorias span.activo_on:before,
#navegacion_categorias .bloque_categorias span.disponible_off:before {
	color: inherit;
}

#navegacion_categorias .bloque_categorias select {
	font-size: 14px;
	min-width: 100px;
	height: 34px;
	line-height: 34px;
	margin: 0;
	padding: 0px 8px;
	border: 1px solid #E8E8E8;
	border-radius: 3px;
}
html.droid #navegacion_categorias .bloque_categorias select {
	padding-top: 1px;
}

#navegacion_categorias .bloque_categorias select.filtro {
	margin: 4px 0;
}
#navegacion_categorias .bloque_categorias select.filtro option {
	padding: 0px 12px;
	color: #303030;
	background-color: white;
}
#navegacion_categorias .bloque_categorias select.filtro option:disabled {
		color: #C0C0C0;
}

#navegacion_categorias .bloque_categorias .filtro_combo {
	margin-top: 9px;
	margin-bottom: 9px;
}

#navegacion_categorias .bloque_categorias .filtro_combo > div {
	height: 34px;
	vertical-align: bottom;
	display: inline-block;
}

/*#navegacion_categorias .bloque_categorias .filtro_combo > div:first-child {
	margin-right: 25px;
}*/

#navegacion_categorias .bloque_categorias .filtro_combo span {
	display: inline-block;
	margin: 0;
	padding: 2px 4px;
	padding-left: 0;
	/*width: 55px;*/
	height: 26px;
	line-height: 26px;
}

#navegacion_categorias .bloque_categorias .filtro_combo > .descripcion_grupo_categorias {
	display: none !important;
}

#navegacion_categorias .bloque_categorias .filtro_combo select {
	margin: 0 12px;
}
html.droid #navegacion_categorias .bloque_categorias .filtro_combo select {
	
}

.navegacion_filtros {
	display: none;
}

/*ALERTAS *********************************************************************************************************************** */
#navegacion_alertas {
	left: 0;
	right: 0;
	max-height: calc(100% - 90px);
}
#navegacion_alertas .navegacion_aux_scroll,
#navegacion_alertas .navegacion_controles {
	position: relative;
	/*width: 560px;*/
	max-width: 560px;
	margin: 0 auto;
	background-color: white;
	z-index: 1;
}

#navegacion_alertas .navegacion_aux_scroll {
	position: relative;
	margin: 0 auto;
	overflow: auto;
    height: auto;
    max-height: 100%;
	text-align: left;
}

#navegacion_alertas .navegacion_controles {
	padding: 14px 0;
}

#navegacion_alertas .navegacion_controles .cerrar {
	display: none;
}

#navegacion_alertas .alertas_content {
    margin: 15px;
}

#navegacion_alertas h2 {
    font-family: Verdana;
    font-weight: normal;
    font-size: 26px;
    color: #CA1E25;
    margin: 15px;
}

#navegacion_alertas #alertas_filtros {
    padding-left: 0px;
    margin-left: 0px;
    margin-top: 12px;
    margin-bottom: -5px;
}
#navegacion_alertas #mensaje_de_email {
	max-width: 250px;
    width: calc(100% - 80px);
    height: 27px;
    vertical-align: middle;
    border: 1px solid #E8E8E8;
    padding: 3px 5px;
    text-align: left;
    color: #505050;
    background-color: white;
    font-size: 16px;
    margin: 5px 0px 5px 5px;
}

#navegacion_alertas .bloque_condiciones {
	border: 0;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
	padding: 0px;
	text-align: center;
    /*margin-bottom: 30px !important;*/
	color: #303030;
	background-color: white;
}
#navegacion_alertas .bloque_condiciones #condiciones_content {
    margin-left: auto !important;
    margin-right: auto !important;
	font-size: 13px;
	text-align: center;
}
#navegacion_alertas .bloque_condiciones #condiciones_content,
#navegacion_alertas .bloque_condiciones #condiciones_content a.bold,
#navegacion_alertas .bloque_condiciones #condiciones_content strong {
    /*color: #666;*/
}
#navegacion_alertas .bloque_condiciones .label_publicar_condiciones {
    font-size: 11px !important;
}

/********************* NOTIFICACIONES Y RESPUESTAS *********/
#boton_alerta_cerrar,
#notificacion_alertas_nunca,
.notificacion_alertas_nunca {
    display: none !important;
}

#navegacion_alertas.alertacreada #boton_alerta_cerrar_bottom  {
	display: block !important;
	margin-left: auto;
	margin-right: auto;
    width: 94px;
}

#navegacion_alertas.alertacreada #boton_alerta_cerrar_bottom .txt_close {
	display: inline-block;
}
#navegacion_alertas.alertacreada #boton_alerta_cerrar_bottom i.material-icons {
	display: none;
}

#navegacion_alertas .navegacion_controles .boton {
    height: 40px;
	line-height: 40px;
	font-size: 17px;
	padding: 0 12px;
	margin: 0 12px;
	font-weight: bold;
}

/*#navegacion_alertas .navegacion_controles .filtros {
	background-color: transparent;
	color: #303030;
	text-decoration: underline;
}*/

#navegacion_alertas .navegacion_controles .boton img {
    display: none;
}

/********************* 3A NOTICIACION **********************/
#navegacion_alertas.notificacion_tercera #boton_alerta_cerrar {
    display: inline-block !important;
}
#navegacion_alertas.notificacion #boton_alerta_cerrar,
#navegacion_alertas.notificacion #notificacion_alertas_nunca,
#navegacion_alertas.notificacion .notificacion_alertas_nunca {
    display: inline-block !important;
}
#navegacion_alertas.notificacion_tercera #boton_alerta_guardar,
#navegacion_alertas.notificacion_tercera #boton_alerta_filtrar,
#navegacion_alertas.notificacion_tercera .notificacion_alertas_nunca {
    display: none !important;
}
#navegacion_alertas.notificacion_tercera #boton_alerta_cerrar {
}

#navegacion_alertas.notificacion_tercera #alertas_campos,
#navegacion_alertas.notificacion_tercera .bloque_condiciones,
#navegacion_alertas.notificacion_tercera #alertas_filtros,
#navegacion_alertas.notificacion_tercera .notificacion_alertas_nunca {
    display: none !important;
}

/********************* NOTICIACION INFINITESCROLL **********************/
#navegacion_alertas.notificacion #boton_alerta_cerrar {
    position: absolute;
	right: 5px;
	padding: 1px !important;
	margin: 8px 3px 0px 0px;
	height: 17px;
	width: 17px;
}
#navegacion_alertas.notificacion #boton_alerta_cerrar > i {
    color: white;
	font-size: 17px;
	width: 17px;
	height: 17px;
	font-weight: bold;
}
#navegacion_alertas.notificacion .notificacion_alertas_nunca {
    position: absolute;
    margin-top: 10px;
    right: 42px;
	font-size: 13px;
}
#navegacion_alertas.notificacion #notificacion_alertas_nunca {
	height: auto;
    line-height: 13px;
    vertical-align: middle;
}
#alertas_text_title {
    display: none;
}
#alertas_text_1 {
    font-size: 15px;
}
#alertas_text_1 .aviso {
	color: #ca1e25;
	font-weight: bold;
}
/********************* ALERTAS PASOS **********************/
.alertas_content .alertas_paso1 {
    margin-top: 30px;
}
.alertas_content .alertas_paso2 {
    margin-top: 30px;
}
.alertas_content .alertas_paso1 strong.paso, .alertas_content .alertas_paso2 strong.paso {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: normal;
    color: #C00000;
}
/********************* ALERTA CREADA **********************/
#navegacion_alertas.alertacreada {

}
#navegacion_alertas.alertacreada #boton_alerta_guardar,
#navegacion_alertas.alertacreada #boton_alerta_filtrar,
#navegacion_alertas.alertacreada .notificacion_alertas_nunca {
    display: none !important;
}

#navegacion_alertas.alertacreada #alertas_campos,
#navegacion_alertas.alertacreada .bloque_condiciones,
#navegacion_alertas.alertacreada #alertas_filtros,
#navegacion_alertas.alertacreada .notificacion_alertas_nunca {
    display: none !important;
}
#alertas_campos {
    margin-top: 20px;
	text-align: center;
}
#navegacion_alertas #alertas_campos label,
#navegacion_alertas .bloque_condiciones #recaptcha_label {
    display: inline-block !important;
    /*width: 109px !important;*/
    font-size: 18px !important;
    font-weight: normal !important;
    text-align: right !important;
    vertical-align: middle !important;
    margin-top: 1px !important;
    margin-right: 15px !important;
}

#navegacion_alertas .g-recaptcha {
	min-height: 80px;
	display: inline-block;
}

#navegacion_alertas #error_recaptcha_response_field {
	text-align: left;
}

#navegacion_alertas #condiciones_content {
	margin-top: 20px;
}

#navegacion_alertas div#error_mensaje_de_email {
    /*margin-left: 130px !important;*/
	text-align: left;
}

#navegacion_alertas .bloque_condiciones #publicar_condiciones
{
    margin-right: 7px !important;
}




/* RESPONSIVE **********************************************************************************************/
@media screen and (max-width: 1499px) { /*1280x720 o 1366x768*/
	#navegacion_categorias,
	#navegacion_alertas,
	html.filtrosdesp #navegacion_categorias .lightbox,
	html.veralerta #navegacion_alertas .lightbox {
		top: 140px;
	}

	#navegacion_categorias {
		left: 10%;
		right: 10%;
	}
}
@media screen and (max-width: 1023px) {
	#navegacion_categorias {
		left: 0;
		right: 0;
	}
}
@media screen and (max-width: 800px) {
	html.veralerta body {
		overflow: hidden;
	}

	html.filtrosdesp #cabecera #publicar,
	html.veralerta #cabecera #publicar,
	html.filtrosdesp #cabecera #cabecera_sub_buscar .navegacion_about,
	html.veralerta #cabecera #cabecera_sub_buscar .navegacion_about {
		display: none;
	}

	html.filtrosdesp #cabecera #div_busqueda_cabecera,
	html.veralerta #cabecera #div_busqueda_cabecera {
		width: 0;
		height: 0;
		overflow: hidden;
	}
	html.filtrosdesp a#login ,
	html.veralerta a#login {
		display: none !important;
	}

	#navegacion_categorias,
	#navegacion_alertas {
		position: fixed;
		top: 40px;
		bottom: 0;
		left: 0;
		right: 0;
		max-height: none;
	}

	#navegacion_alertas {
		background-color: white;
	}

	#navegacion_alertas .navegacion_aux_scroll {
		top: 0;
		bottom: 42px;
	}

	#navegacion_categorias .navegacion_controles,
	#navegacion_alertas .navegacion_controles {
		display: block;
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		margin: 0;
		width: auto;
		max-width: none;
	}

	#navegacion_categorias .lightbox,
	#navegacion_alertas .lightbox {
		display: none;
	}

	#navegacion_categorias .navegacion_aux_scroll {
		background-color: #F4F4F4;
		border-top: 1px solid #E8E8E8;
		bottom: 42px;
		padding-bottom: 4px;
	}

	#navegacion_categorias .navegacion_controles,
	#navegacion_alertas .navegacion_controles {
		padding: 0;
	}

	#navegacion_categorias .navegacion_controles .boton,
	#navegacion_alertas .navegacion_controles .boton {
		display: inline-block;
		margin: 1px;
		height: 40px;
		line-height: 40px;
		font-size: 17px;
		padding: 0;
		border-radius: 0;
		width: calc(50% - 2px);
	}

	#navegacion_categorias .navegacion_controles .boton {
		width: calc(50% - 2px);
	}

	#navegacion_categorias .navegacion_controles .boton > i {
		/*top: 6px;*/
	}

	#navegacion_categorias .navegacion_controles .cerrar,
	#navegacion_alertas .navegacion_controles .cerrar {
		display: block;
		color: #0072C6;
		background-color: white;
		position: fixed;
		top: 0;
		right: 0;
		margin: 0;
		border-radius: 0;
		width: 40px;
		height: 40px;
		padding: 0;
	}

	#navegacion_categorias .navegacion_controles .alertas {
		display: block;
		background-color: transparent;
		color: #0072C6;
		position: fixed;
		top: 0;
		right: 45px;
		margin: 0;
		border-radius: 0;
		width: 0;
		height: 40px;
		padding: 0;
		padding-left: 40px;
		overflow: hidden;
	}
	
	#navegacion_categorias .navegacion_controles .alertas.disabled {
		color: #C0C0C0 !important;
	}

	#navegacion_categorias .navegacion_controles .cerrar > i,
	#navegacion_alertas .navegacion_controles .cerrar > i,
	#navegacion_categorias .navegacion_controles .alertas> i {
		margin: 0px !important;
		position: absolute;
		line-height: 42px !important;
		font-size: 40px;
		height: 40px;
		width: 40px;
		left: 0;
		top: 0;
		cursor: pointer;
	}
	#navegacion_categorias .navegacion_controles .cerrar > i,
	#navegacion_alertas .navegacion_controles .cerrar > i {
		font-weight: bold;
		margin-top: -1px !important;
	}
	#navegacion_categorias .navegacion_controles .alertas> i {
		line-height: 38px !important;
		font-size: 32px;
	}
	
	#navegacion_alertas #boton_alerta_cerrar_bottom .txt_close  {
		display: none;
	}
	#navegacion_alertas.alertacreada #boton_alerta_cerrar_bottom  {
		width: initial;
	}
	#navegacion_alertas.alertacreada #boton_alerta_cerrar_bottom .txt_close  {
		display: none;
	}
	#navegacion_alertas.alertacreada #boton_alerta_cerrar_bottom i.material-icons {
		display: inline-block;
	}

	#navegacion_categorias .bloque_categorias {
		margin: 5px !important;
		margin-bottom: 0 !important;
		/*margin-top: 20px;*/
		padding: 12px !important;
		float: none !important;
		width: auto !important;
		width: calc(100% - 36px) !important;
		border: 1px solid #E8E8E8;
		background-color: white;
	}

	#navegacion_categorias .bloque_categorias .descripcion_bloque_categorias {
		margin-left: 3px;
	}

	#navegacion_categorias .descripcion_grupo_categorias {
		margin-top: 15px;
		margin-left: 3px;
		margin-bottom: 5px;
	}

	#navegacion_categorias .bloque_categorias span.filtro {
		margin: 3px;
		/*padding: 8px 10px;*/
		padding: 7px 10px 8px;
		width: calc((100% / 3) - 28px);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		vertical-align: bottom;
	}
	html.droid #navegacion_categorias .bloque_categorias span.filtro {
		padding-top: 9px;
		padding-bottom: 7px;
	}

	#navegacion_categorias .bloque_categorias select.filtro {
		margin-left: 3px;
		width: auto;
		min-width: 30%;
		min-width: calc((100% / 3) - 6px);
	}
	
	#navegacion_categorias .bloque_categorias .filtro_combo {
		display: table;
		width: 100%;
		margin-bottom: 7px;
	}
	
	#navegacion_categorias .bloque_categorias .filtro_combo + .filtro_combo {
		margin-top: 7px;
	}
	

	#navegacion_categorias .bloque_categorias .filtro_combo > div {
		display: table-row;
		height: 34px;
		margin: 3px 0;
	}
	#navegacion_categorias .bloque_categorias .filtro_combo > div:first-child {
		margin-right: 0;
	}
	#navegacion_categorias .bloque_categorias .filtro_combo > div:first-child > * {
		margin-bottom: 4px;
	}

	#navegacion_categorias .bloque_categorias .filtro_combo span {
		display: table-cell;
		height: 34px;
		width: 1px;
		white-space: nowrap;
		line-height: 34px;
		margin-left: 0px;
		padding: 2px 4px 0px 5px;
	}

	#navegacion_categorias .bloque_categorias .filtro_combo select {
		display: table-cell;
		height: 26px;
		line-height: 26px;
		width: 100px;

		height: 34px;
		line-height: 34px;
		width: 30%;
		width: calc((100% / 3) - 67px);
	}

	#navegacion_categorias .bloque_categorias select.filtro {
		
	}

	#navegacion_categorias .navegacion_controles,
	#navegacion_alertas .navegacion_controles {
		left: 0;
		right: 0;
		bottom: 0;
	}

	#navegacion_categorias .navegacion_controles .boton {
		
	}

	#navegacion_alertas .navegacion_aux_scroll,
	#navegacion_alertas .navegacion_controles {
		position: absolute;
		width: auto;
	}
}

@media screen and (max-width: 550px) {
	#navegacion_categorias .bloque_categorias span.filtro {
		width: calc((100% / 2) - 28px);
	}
	#navegacion_categorias #bloque_categorias_10 span.filtro {
		width: calc(100% - 28px);
		margin-right: 3px;
	}

	#navegacion_categorias .bloque_categorias select.filtro {
		min-width: 50%;
		min-width: calc((100% / 2) - 6px);
	}

	#navegacion_categorias .bloque_categorias .filtro_combo select {
		min-width: calc((100% / 2) - 67px);
	}
}
@media screen and (max-width: 320px) {
	#navegacion_categorias .bloque_categorias span.filtro {
		width: calc(100% - 28px);
		/*margin-right: 3px;*/
	}

	#navegacion_categorias .bloque_categorias select.filtro {
		min-width: 50%;
		min-width: calc(100% - 6px);
	}

	#navegacion_categorias .bloque_categorias .filtro_combo select {
		min-width: calc(100% - 67px);
	}
}