/*//////////////////////////////////////////////////////// CAJONES */

	div.cajon
	{
		margin: 0px 5px 10px 5px;
		border-radius: 5px;
		box-shadow: 0px 2px 6px 0px #777;
		background-color: white;
		overflow: hidden;
	}

	div.cajon_titulo
	{
		position: relative;
		min-height: 44px;
		box-sizing: border-box;
		border-bottom: 1px solid #000;
		padding: 6px 7px 6px 36px;
		background-color: #222;	
		background-position: left 12px top 12px;
		background-repeat: no-repeat;
		background-size: 16px auto;
		overflow: hidden;
	}

		div.cajon_titulo span
		{
			line-height: 30px;
			font-size: 13px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			color: white;
			text-shadow: 1px 1px 2px black;
		}

		div.cajon_titulo_botones
		{
			float: right;
			margin: 3px 0 0 10px;
		}

		div.cajon_titulo_botones a
		{
			display: inline-block;
			box-sizing: border-box;
			border-radius: 10px;
			border-top: 1px solid #555;
			border-left: 1px solid #555;
			border-right: 1px solid #000;
			border-bottom: 1px solid #000;
			background-color: #333;
			background-repeat: no-repeat;
			background-position: left 5px center;
			background-size: auto 16px;
			padding: 0px 8px 0px 8px;
			line-height: 26px;
			font-size: 10px;
			letter-spacing: 1px;
			font-weight: normal;
			color: white;
			text-shadow: none;
			transition: 0.2s;
			overflow: hidden;
		}

		div.cajon_titulo_botones a:hover,
		div.cajon_titulo_botones a:active,
		div.cajon_titulo_botones a:focus
		{
			background-color: #444;
		}
		
		div.cajon_titulo_botones a.titulo_menu_ver_perfil	{ padding-left: 30px; background-image: url(../img/icono_scouter.svg);	}
		
		div.cajon_titulo_dmenu
		{
			float: right;
			position: relative;
		}
		
		div.cajon_titulo_dmenu button.menu_d
		{
			display: none;
		}
		
		div.dmenu
		{
			text-align: right;
			overflow: hidden;
		}

		div.dmenu_transicion
		{
		}

		div.dmenu_view
		{
		}

		div.dmenu_out
		{
		}
		
			div.dmenu button.dmenu_btn
			{
				position: relative;
				margin: 1px 0 1px 6px;;
				display: inline;
				width: auto;
				height: 30px;
				line-height: 30px;
				border: none;
				border-radius: 6px;
				background: none !important;
				background-color: #333 !important;
				background-size: 16px auto !important;
				background-repeat: no-repeat !important;
				background-position: left 7px center !important;
				padding: 0 8px 0 27px;
				font-size: 12px;
				font-style: normal;
				font-weight: normal;
				text-transform: none;
				text-align: left;
				color: white;
				cursor: pointer;
			}
		
			div.dmenu button.dmenu_btn:hover,
			div.dmenu button.dmenu_btn:active
			{
				background-color: #555 !important;
			}
			
			div.dmenu button.dmenu_btn_listado		{	background-image: url(../img/icono_listado.svg)		!important;	}
			div.dmenu button.dmenu_btn_agregar		{	background-image: url(../img/icono_agregar.svg)		!important;	}
			div.dmenu button.dmenu_btn_editar		{	background-image: url(../img/icono_editar.svg)		!important;	}
			div.dmenu button.dmenu_btn_radar			{	background-image: url(../img/icono_radar.svg)		!important;	}
			div.dmenu button.dmenu_btn_scouter		{	background-image: url(../img/icono_scouter.svg)		!important;	}
			div.dmenu button.dmenu_btn_pdf			{	background-image: url(../img/icono_pdf.svg)			!important;	}
			div.dmenu button.dmenu_btn_usuarios		{	background-image: url(../img/icono_usuarios.svg)	!important;	}
			div.dmenu button.dmenu_btn_buscar		{	background-image: url(../img/icono_buscar.svg)		!important;	}
			div.dmenu button.dmenu_btn_alerta		{	background-image: url(../img/icono_alerta.svg)		!important;	}
			div.dmenu button.dmenu_btn_colaborar	{	background-image: url(../img/icono_colaborar.svg)	!important;	}

	div.cajon_subtitulo
	{
		min-height: 36px;
		box-sizing: border-box;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: 7px 6px 6px 36px;
		background-color: #333;	
		background-position: left 12px center;
		background-repeat: no-repeat;
		background-size: 16px auto;
	}

		div.cajon_subtitulo span
		{
			line-height: 20px;
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			color: white;
			text-shadow: 1px 1px 2px black;
		}
		
	div.cajon_buscador
	{
		background-color: #4b4b4b;
		overflow: hidden;
	}
		div.cajon_buscador form
		{
			text-align: right;
		}
		
		div.cajon_buscador form input[type=text]
		{
			float: none;
			width: auto;
			margin: 6px 5px 6px 5px;
			box-sizing: border-box;
			height: 27px;
		}
		
		div.cajon_buscador form select
		{
			float: none;
			width: auto;
			margin: 6px 5px 6px 5px;
			box-sizing: border-box;
			height: 27px;
		}
		
			/*div.cajon_buscador form select option span.rareza
			{
				display: inline-block;
				border-radius: 5px;
				font-size: 11px;
				font-weight: bold;
			}*/
		
		div.cajon_buscador form button[type=submit]
		{
			display: inline;
			width: auto;
			margin: 6px 10px 6px 5px;
			box-sizing: border-box;
			height: 28px;
			border-top: 1px solid #008a01;
			border-left: 1px solid #008a01;
			border-right: 1px solid #004401;
			border-bottom: 1px solid #004401;
			border-radius: 6px;
			line-height: 28px;
			padding: 0 10px 0 10px;
			background: none;
			background-color: #006400;
			font-size: 11px;
			text-transform: none;
			letter-spacing: 0.5px;
			color: white;
			cursor: pointer;
		}

	div.cajon_menu
	{
		border: none;
		background-color: #ddd;
		/*overflow: hidden;*/
	}

	div.cajon_contenidos
	{
		border: none;
		background-color: white;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;
	}
	
		div.cajon_contenidos_scroll_y
		{
			max-height: 500px;
			overflow-y: auto;
		}

	div.cajon_contenidos_in
	{
		margin: 10px 10px 10px 10px;
		overflow: hidden;
	}

	div.cajon_contenidos_sangre
	{
		margin: 2.5% 3% 2.5% 2.5%;
		/*overflow: hidden;*/
	}

/*//////////////////////////////////////////////////////// FICHAS */

	div.ficha
	{
		margin: 0px 5px 10px 5px;
		border-radius: 5px;
		box-shadow: 0px 2px 6px 0px #777;
		background-color: white;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;
	}

	div.ficha_contenidos
	{
		margin: 3% 4% 3% 4%;
		overflow: hidden;
	}

/*//////////////////////////////////////////////////////////////////////////////////////H2, H3... como encabezados de listados */

.h_titulo
{
	clear: both;
	margin: 20px 2px 15px 2px;
	box-shadow: 0px 1px 4px 0px #777;
	border: 1px solid black;
	border-radius: 6px;
	background-color: #4a4a4a;
	padding: 8px 0 8px 10px;
	line-height: 18px;
	font-size: 15px;
	font-weight: bold;
	color: white;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////// MENUS FLOTANTES */

	div.menu_flotante
	{
		float: right;
		clear: right;
		display: flex;
		flex-direction: row;
		margin: 0 0 5px 10px;
		max-width: 60%;
		white-space: nowrap;
		overflow: hidden;
	}

	div.menu_flotante_form
	{
		float: right;
	}

	div.menu_flotante_form select
	{
		float: none;
		width: auto;
		margin: 5px 0 0 5px;
		vertical-align: bottom;
	}

	div.menu_flotante_form input[type=text],
	div.menu_flotante_form input[type=number]
	{
		float: none;
		width: auto;
		margin: 5px 0 0 5px;
		vertical-align: bottom;
	}

	div.menu_flotante_form input[type=checkbox]
	{
		float: none;
		margin: 0px 0 8px 5px;
		vertical-align: bottom;
	}

	div.menu_flotante_form button
	{
		position: relative;
	}

	div.menu_flotante_form button span
	{
		position: absolute;
		display: inline-block;
		z-index: 100;
		right: -3px;
		top: -3px;
		border-radius: 50%;
		background-color: #dc143c;
		padding: 0 5px 0 5px;
		line-height: 18px;
		font-family: "Courier New", Courier, monospace;
		font-size: 11px;
		vertical-align: middle;
		color: white;
	}
	
	div.ficha_scouter
	{
		background-color: #f8f8f8;
		border-bottom: 1px solid #ddd;
		height: 40px;
		overflow: hidden;
	}
	
	div.ficha_scouter_menu
	{
		display: flex;
		flex-direction: row;
		padding: 2px 2px 2px 2px;
		white-space: nowrap;
		overflow: hidden;
	}
	
	a.boton,
	button.boton
	{
		width: auto;
		display: inline-block;
		margin: 2px 2px 2px 6px;
		box-sizing: border-box;
		border: 1px solid #d0d0d0;
		border-radius: 6px;
		padding: 0px 10px 0px 10px;
		background: none;
		background-color: white;
		background-image: none, linear-gradient(to bottom, white, #f0f0f0);
		background-position: left 6px center, center center;
		background-repeat: no-repeat;
		background-size: 18px auto, auto;
		line-height: 30px;
		font-weight: normal;
		font-family: app;
		font-size: 12px;
		color: black;
		transition: 0.3s;
		text-overflow: ellipsis;
		text-transform: none;
		white-space: nowrap;
		vertical-align: text-bottom;
		overflow: hidden;
	}
	
	a.boton:hover,	a.boton:active,
	button.boton:hover, button.boton:active, button.boton:focus
	{
		border: 1px solid #999;
		cursor: pointer;
	}
	
	a.boton_ver				{	padding: 0 10px 0 30px;	background-image: url(../img/icono_ver.svg), 			linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_catalogo		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_catalogo.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_archivar		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_archivar.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_buscar			{	padding: 0 10px 0 30px;	background-image: url(../img/icono_buscar.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_radar			{	padding: 0 10px 0 30px;	background-image: url(../img/icono_radar.svg), 			linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_scouter		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_scouter.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_agregar		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_agregar.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_editar			{	padding: 0 10px 0 30px;	background-image: url(../img/icono_editar.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_config			{	padding: 0 10px 0 30px;	background-image: url(../img/icono_config.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_eliminar		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_eliminar.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_terminar		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_terminar.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_mail			{	padding: 0 10px 0 30px;	background-image: url(../img/icono_correo.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_usuarios		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_usuarios.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}	
	a.boton_pdf				{	padding: 0 10px 0 30px;	background-image: url(../img/icono_pdf.svg), 			linear-gradient(to bottom, white, #f0f0f0);	}	
	a.boton_activar		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_activar.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}	
	a.boton_desactivar	{	padding: 0 10px 0 30px;	background-image: url(../img/icono_desactivar.svg), 	linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_listado		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_marcar.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}	

	a.boton_componer		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_componer.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_mensaje		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_mensaje.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_evaluar		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_evaluar.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_denunciar		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_denunciar.svg), 	linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_comentar		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_comentar.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_fullscreen	{	padding: 0 10px 0 30px;	background-image: url(../img/icono_fullscreen.svg),	linear-gradient(to bottom, white, #f0f0f0);	}

	a.boton_clave			{	padding: 0 10px 0 30px;	background-image: url(../img/icono_clave.svg), 			linear-gradient(to bottom, white, #f0f0f0);	}

	a.boton_cuenta			{	padding: 0 10px 0 30px;	background-image: url(../img/icono_cuenta.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_alertas		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_alerta.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_alerta			{	padding: 0 10px 0 30px;	background-image: url(../img/icono_alerta.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_negociaciones{	padding: 0 10px 0 30px;	background-image: url(../img/icono_mensaje.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_colaboraciones{	padding: 0 10px 0 30px;	background-image:url(../img/icono_colaboraciones.svg),linear-gradient(to bottom, white, #f0f0f0);	}
	
	a.boton_renovaciones	{	padding: 0 10px 0 30px;	background-image: url(../img/icono_renovaciones.svg), linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_renovar		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_renovar.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}

	a.boton_ayuda			{	padding: 0 10px 0 30px;	background-image: url(../img/icono_ayuda.svg), 			linear-gradient(to bottom, white, #f0f0f0);	}
	a.boton_ranking		{	padding: 0 10px 0 30px;	background-image: url(../img/icono_ranking.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}

	a.boton_logout			{	padding: 0 10px 0 30px;	background-image: url(../img/icono_logout.svg), 		linear-gradient(to bottom, white, #f0f0f0);	}
	
	
	a.boton_lite
	{
		width: 30px;
		height: 30px;
		padding: 0px 0px 0px 0px;
		background-position: center center;
		font-size: 0px;
	}
	
	button.agregar				{	padding: 0px 10px 0px 30px	!important;	background-image: url(../img/icono_agregar.svg)					,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.marcar				{	padding: 0px 10px 0px 30px	!important;	background-image: url(../img/icono_marcar.svg)					,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.desmarcar			{	padding: 0px 10px 0px 30px	!important;	background-image: url(../img/icono_desmarcar.svg)				,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.editar				{	padding: 0px 10px 0px 30px	!important;	background-image: url(../img/icono_editar.svg)					,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.eliminar			{	padding: 0px 10px 0px 30px	!important;	background-image:	url(../img/icono_eliminar.svg)				,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.buscar				{	padding: 0px 10px 0px 30px	!important;	background-image:	url(../img/icono_buscar.svg)					,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.comentar			{	padding: 0px 10px 0px 30px	!important;	background-image: url(../img/icono_comentar.svg)				,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.listado				{	padding: 0px 10px 0px 30px	!important;	background-image: url(../img/icono_marcar.svg)					,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.usuarios			{	padding: 0px 10px 0px 30px	!important;	background-image: url(../img/icono_usuarios.svg)				,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.scouter				{	padding: 0px 10px 0px 30px	!important;	background-image: url(../img/icono_scouter.svg)					,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.contactos			{	padding: 0px 10px 0px 30px	!important;	background-image: url(../img/icono_contactos.svg)				,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.contactos_agregar{	padding: 0px 10px 0px 30px	!important;	background-image: url(../img/icono_contactos_agregar.svg)	,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.contactos_quitar	{	padding: 0px 10px 0px 30px	!important;	background-image: url(../img/icono_contactos_quitar.svg)		,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.pdf					{	padding: 0px 10px 0px 30px	!important;	background-image: url(../img/icono_pdf.svg)						,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.voltear				{	padding: 0px 10px 0px 30px	!important;	background-image: url(../img/icono_voltear.svg)					,	linear-gradient(to bottom, white, #f0f0f0);	}
	button.colaborar			{	padding: 0px 10px 0px 30px	!important;	background-image: url(../img/icono_colaboraciones.svg)		,	linear-gradient(to bottom, white, #f0f0f0);	}
	
	button.boton_mini
	{
		margin: 1px 2px 1px 2px;
		width: auto;
		border: 1px solid #aaa;
		box-sizing: border-box;
		border-radius: 8px;
		background: none;
		background-color: white;
		background: linear-gradient(to bottom, white, #eaeaea);
		/*box-shadow: 0px 0px 6px 0px #000;*/
		line-height: 14px;
		padding: 3px 8px 3px 8px;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.5px;
		text-transform: none;
		cursor: pointer;
		transition: 0.2s;
		white-space: nowrap;
	}

	button.boton_mini:hover
	{
		background-color: #d7f5ff;
	}

	.suscrito
	{
		color: red !important;
	}
	
/*--------------------- varios */

div.bandera
{
	display: inline-block;
	margin: 0px 2px 2px 2px;
	width: 26px;
	height: 20px;
	box-shadow: 0px 1px 3px 0 #000;
	border-radius: 2px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

/*--------------------- animaciones */	
	
	.btn_borde_llamativo
	{
		animation: borde_llamativo 1s infinite;
	}
	
	@keyframes borde_llamativo
	{
		from {	border-color: lime;	}
		to	{	border-color: #008a01;	}
	}