/*///////////////////////////////////////////////////////////////////////////// PORTADA */

div#portada_dbc
{
	margin-top: 0px;
}

	/*////////////////////////////////////////////////////////////////////////// AVISOS */

	div#portada_dbc_avisos
	{
		background-image: url(../img/bloque_titulo_avisos.svg);
	}
	
		div.portada_dbc_aviso
		{
			position: relative;
			padding: 2% 200px 2% 3%;
		}
	
			div.portada_dbc_aviso_imagen
			{
				position: absolute;
				right: 0;
				bottom: -28px;
				z-index: 1000;
				width: 179px;
				height: 309px;
				background-image: url(../img/portada_avisos_fondo.png);
				background-position: right bottom;
				background-repeat: no-repeat;
				background-size: cover;
			}

		div.portada_dbc_aviso *
		{
			font-size: 16px;
			line-height: 24px;
			text-align: justify !important;
		}

	/*////////////////////////////////////////////////////////////////////////// SORTEO */

	div#portada_dbc_sorteo
	{
		background-image: url(../img/bloque_titulo_avisos.svg);
	}
	
		div.portada_dbc_sorteo
		{
			position: relative;
			padding: 2% 220px 2% 3%;
		}
	
			div.portada_dbc_sorteo_imagen
			{
				position: absolute;
				right: 10px;
				bottom: 0;
				z-index: 1000;
				width: 179px;
				height: 309px;
				background-image: url(../img/portada_sorteo_fondo.png);
				background-position: right bottom;
				background-repeat: no-repeat;
				background-size: contain;
			}

		div.portada_dbc_sorteo *
		{
			font-size: 16px;
			line-height: 24px;
			text-align: justify !important;
		}
		
	/*//////////////////////////////////////////////////////////////////// ESTADISTICAS */

	div#portada_dbc_titulo
	{
		background-image: url(../img/bloque_titulo_inicio.svg);
	}

	div#portada_dbc_contenidos
	{
		background-image: url(../img/css_portada_banner_fondo.jpg);
		/*background-image: url(../img/css_portada_banner_fondo_navidad.jpg);*/
		background-position: center top;
		background-size: cover;
		background-color: black;
		overflow: hidden;
	}

		div#portada_dbc_contenidos_texto
		{
			margin: 24px 0 0px 0;
			text-align: center;
			font-size: 30px;
			font-weight: normal;
			color: #fff;
		}

		div#portada_dbc_estadisticas
		{
			margin: 24px 0 20px 0;
			text-align: center;
			overflow: hidden;
		}

			div.portada_estadistica
			{
				margin: 10px 15px 10px 15px;
				display: inline-block;
				vertical-align: bottom;
				box-shadow: 0 2px 3px 0 #000;
				border-radius: 40px;
				width: 180px;
				height: 100px;
				background-color: #005859;
				background-color: rgba(0,88,88,0.6);
				text-align: center;
				color: white;
			}

			span.portada_estadistica_numero
			{
				margin: 20px 0 0 0;
				display: block;
				height: 30px;
				line-height: 30px;
				font-size: 30px;
				font-weight: bold;
			}

			span.portada_estadistica_texto
			{
				margin: 0 0 20px 0;
				display: block;
				height: 30px;
				line-height: 30px;
				font-size: 14px;
				font-weight: normal;
			}

	/*/////////////////////////////////////////////////////////////////////// ACTUALIZADIONES */
	
	div#portada_actualizaciones_titulo
	{
		background-image: url(../img/bloque_titulo_actualizaciones.svg);
	}
	
		div.portada_actualizacion
		{
			position: relative;
			margin: 0px 0px 5px 0px;
			padding: 0px 0 5px 0;
			border-bottom: 1px solid #eee;
			overflow: hidden;
		}
			
			div.portada_actualizacion_foto
			{
				float: left;
				margin: 5px 0 0 0;
				width: 80px;
			}

				div.portada_actualizacion_foto_foto
				{
					width: 80px;
					height: 80px;
					border-radius: 4px;
					background-color: black;
					background-size: contain;
					background-repeat: no-repeat;
					background-position: center center;
				}
			
				div.portada_actualizacion_foto_fecha
				{
					margin: 2px 0 0 0;
					line-height: 16px;
					text-align: center;
					font-style: italic;
					font-size: 10px;
					color: #999;
				}	
		
			div.portada_actualizacion_que
			{
				margin: 0 0 0 90px;
			}
				
				div.portada_actualizacion_que_info
				{
					
				}
				
					div.portada_actualizacion_que_info_titulo
					{
					}
				
						div.portada_actualizacion_que_info_titulo span.actualizacion_coleccion,
						div.portada_actualizacion_que_info_titulo span.actualizacion_objeto
						{
							line-height: 25px;
							font-size: 14px;
							font-weight: bold;
							color: #ff4500;
						}
						
						div.portada_actualizacion_que_info_titulo span.actualizacion_coleccion_grupo_division
						{
							color: #842400;
						}
				
					div.portada_actualizacion_que_info_datos
					{
						line-height: 17px;
						font-size: 12px;
						font-weight: bold;
						color: #005859;
					}
					
		
				div.portada_actualizacion_texto
				{
					position: relative;
					margin: 10px 0 0 0;
					border-radius: 5px;
					background-color: #f7f7f7;
					padding: 2px 10px 2px 10px;
					font-size: 12px;
				}
					
					div.portada_actualizacion_texto:before
					{
						position: absolute;
						right: 3px;
						top: -2px;
						width: 12px;
						height: 12px;
						border-radius: 6px;
						background: #ffc24f;
						line-height: 12px;
						font-size: 9px;
						text-align: center;
						content:'\002605';
						color: red;
					}	
		
					div.portada_actualizacion_texto p 
					{
						margin: 5px 0 5px 0;
					}
			
	/*/////////////////////////////////////////////////////////////////////// MAPA USUARIOS */

	div#portada_mapa_usuarios_titulo
	{
		background-image: url(../img/bloque_titulo_mapa_usuarios.svg);
	}
	
		div#portada_usuarios_mapa
		{
			position: relative;
			width: 100%;
			padding-top: 53.9%;
			box-sizing: border-box;
			/*border-top: 2px solid #006f2b;
			border-left: 2px solid #006f2b;
			border-right: 1px solid #00b245;
			border-bottom: 1px solid #00b245;
			border-radius: 5px;*/
			background-color: #00953B;
			background-image: url(../img/portada_usuarios_mapa.jpg);
			background-position: center center;
			background-size: contain;
			background-repeat: no-repeat;
		}
		
		div.usuarios_mapa_pais
		{
			position: absolute;
			display: inline-block;
			border-radius: 4px;
			padding: 1px 2px 1px 2px;
			background-color: red;
			text-align: center;
			cursor: pointer;
			overflow: hidden;

			animation-name: ripple;
			animation-duration: 1.5s;
			animation-iteration-count: infinite;
		}
		
			div.usuarios_mapa_pais span
			{
				display: block;
				line-height: 9px;
				font-size: 9px;
				font-weight: normal;
				color: white;
			}

		@keyframes ripple
		{
    		0%		{	box-shadow: 0 0 0 0 #0004,		0 0 0 0 #0004;		}
    		80%	{	box-shadow: 0 0 0 10px #fff0,	0 0 0 20px #fff0;	}
    		100%	{	box-shadow: 0 0 0 0 #fff0,		0 0 0 0 #fff0;		}
		}
		
		
			div#portada_usuarios_mapa div#pais_es	{	top: 42.75%;	left: 44.20%;	}
			div#portada_usuarios_mapa div#pais_ar	{	top: 83.00%;	left: 27.00%;	}
			div#portada_usuarios_mapa div#pais_mx	{	top: 52.00%;	left: 14.90%;	}
			div#portada_usuarios_mapa div#pais_pe	{	top: 67.00%;	left: 21.20%;	}
			div#portada_usuarios_mapa div#pais_cl	{	top: 77.00%;	left: 24.00%;	}
			div#portada_usuarios_mapa div#pais_co	{	top: 61.00%;	left: 22.40%;	}
			div#portada_usuarios_mapa div#pais_it	{	top: 41.00%;	left: 49.40%;	}
			div#portada_usuarios_mapa div#pais_ch	{	top: 40.00%;	left: 47.30%;	}
			div#portada_usuarios_mapa div#pais_fr	{	top: 39.00%;	left: 45.30%;	}
			div#portada_usuarios_mapa div#pais_pt	{	top: 42.80%;	left: 42.20%;	}
			div#portada_usuarios_mapa div#pais_us	{	top: 42.75%;	left: 17.00%;	}
			div#portada_usuarios_mapa div#pais_ve	{	top: 59.00%;	left: 26.00%;	}
			div#portada_usuarios_mapa div#pais_br	{	top: 70.00%;	left: 30.00%;	}
			div#portada_usuarios_mapa div#pais_ec	{	top: 64.20%;	left: 21.30%;	}
			div#portada_usuarios_mapa div#pais_uy	{	top: 79.00%;	left: 29.00%;	}
			div#portada_usuarios_mapa div#pais_de	{	top: 36.50%;	left: 47.50%;	}
			div#portada_usuarios_mapa div#pais_bo	{	top: 70.00%;	left: 26.00%;	}
			div#portada_usuarios_mapa div#pais_pl	{	top: 35.50%;	left: 49.70%;	}
			div#portada_usuarios_mapa div#pais_ca	{	top: 32.00%;	left: 16.70%;	}
			div#portada_usuarios_mapa div#pais_gb	{	top: 34.80%;	left: 44.80%;	}
			div#portada_usuarios_mapa div#pais_ru	{	top: 24.80%;	left: 72.00%;	}
			div#portada_usuarios_mapa div#pais_cn	{	top: 43.00%;	left: 74.00%;	}
			div#portada_usuarios_mapa div#pais_jp	{	top: 41.70%;	left: 86.00%;	}


/*/////////////////////////////////////////////////////////////////////// USUARIOS */

	div#portada_top_usuarios_titulo
	{
		background-image: url(../img/bloque_titulo_perfil.svg);
	}

		div.portada_usuario
		{
			position: relative;
			display: inline-block;
			vertical-align: top;
			margin: 5px 5px 5px 5px;
			width: 190px;
			box-sizing: border-box;
			overflow: hidden;
		}

		div.portada_usuario_foto
		{
			position: absolute;
			top: 12px;
			left: 12px;
			width: 65px;
			height: 65px;
			border-radius: 50%;
			background-color: #f7f7f7;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			cursor: pointer;
		}

		div.portada_usuario_pais
		{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 16px;
			height: 13px;
			box-shadow: 1px 1px 2px #000;
			background-color: white;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			cursor: pointer;
		}

		div.portada_usuario_nombre
		{
			margin: 10px 5px 0 85px;
			font-size: 13px;
			color: #c855c5;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			cursor: pointer;
		}

		div.portada_usuario_nivel
		{
			margin: 2px 5px 0 85px;
			font-size: 11px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		div.portada_usuario_datos
		{
			margin: 5px 5px 10px 85px;
		}

		div.portada_usuario_datos span
		{
			line-height: 16px;
			font-size: 12px;
		}