@charset "utf-8";

/* General */
body {
	color: #fff;
	background: #004BA3;
	background-size: 100% !important;
	font-family: arial;
	margin: 0;
}

a {
	text-decoration: none;
	color: inherit;
}

/* Contenedor principal */
#contenedor {
	margin: 0 auto;
	position: relative;
	padding: 35px 0 0 0;
	background: #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	box-shadow: 1px 1px 20px 0 rgb(0 0 0 / 80%);
	box-sizing: border-box;
}

/* Header y logo */
header {
	background: #080808;
	margin: 0 auto 0 auto;
	padding: 0 40px;
	border-bottom: 3px ridge #06F;
}

header > a {
	width: 110px;
	height: 110px;
	margin: 0 auto;
	display: block;
}

#logo {
	background-repeat: no-repeat;
	background-size: 100px auto;
	background-position: bottom center;
	padding: 0;
	width: 110px;
	height: 110px;
	margin: 0 auto;
	color: #fff;
	transition-duration: 1.5s;
}
#logo:hover {
	filter: drop-shadow(0 0 5px);
	transform: scale(1.25);
}

/* Flechas de navegación */
.flecha_navegacion {
	position: fixed;
	top: 50%;
	width: 3vmin;
	height: 3vmin;
	background: transparent;
	border-top: 1vmin solid #fff;
	border-right: 1vmin solid #fff;
	box-shadow: 0 0 0 lightgray;
	transition: all 200ms ease;
	z-index: 3;
}
.flecha_navegacion.volver {
	left: 20px;
	transform: translate3d(0, -50%, 0) rotate(-135deg);
}
.flecha_navegacion.siguiente {
	right: 0;
	transform: translate3d(0, -50%, 0) rotate(45deg);
}
.flecha_navegacion:hover {
	border-color: #06f;
	box-shadow: 0.5vmin -0.5vmin 0 #fff;
}
.flecha_navegacion:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-40%, -60%) rotate(45deg);
	width: 200%;
	height: 200%;
}

/* Botonera */
#botonera {
	height: 73px;
	margin: 0 auto -3px auto;
	width: auto;
	display: table;
}
#botonera .opcion {
	float: left;
	height: 30px;
	padding: 20px;
	min-width: 90px;
	text-align: center;
	font-size: 24px;
}
#botonera a {
	color: #fff;
	font-size: 20px;
}
#botonera .opcion:hover {
	background-color: #0008;
	border-bottom: 3px solid #fff;
}

/* Redes sociales */
#red_social {
	margin: 40px auto;
	width: 490px;
	height: 50px;
}
#red_social > a {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 10px;
	float: left;
}
#red_social > a > div {
	background-size: 45px;
	height: 53px;
	width: 50px;
	float: left;
	opacity: 0.5;
	transition: 0.1s;
	background-position: center;
}
#red_social > a > div:hover {
	opacity: 1;
	border-bottom: 3px solid;
	background-position: top;
}
#red_facebook { background: url(//cparg.com/imagenes/iconos/social/facebook.svg) 2px 1px no-repeat; }
#red_x { background: url(//cparg.com/imagenes/iconos/social/x.svg) 2px 1px no-repeat; }
#red_youtube { background: url(//cparg.com/imagenes/iconos/social/youtube.svg) 2px 1px no-repeat; }
#red_steam { background: url(//cparg.com/imagenes/iconos/social/steam.svg) 2px 1px no-repeat; }
#red_instagram { background: url(//cparg.com/imagenes/iconos/social/instagram.svg) 2px 1px no-repeat; }
#red_discord { background: url("//cparg.com/imagenes/iconos/social/discord.svg") 2px 1px no-repeat; }
#red_telegram { background: url("//cparg.com/imagenes/iconos/social/telegram.svg") 2px 1px no-repeat; }

/* Contenido */
.contenido {
	overflow: hidden;
	background: linear-gradient(90deg, #000 0%, #111 50%, #000 100%);
	color: #fff;
	padding: 10px 60px;
	max-width: 1200px;
	margin: auto;
}
.contenido a { color: #428EFF; }

/* Subtitulos */
.subtitulo {
	border-bottom: 1px #fff solid;
	font-size: 20px;
	margin: 5px 0;
}

/* Regiones */
.regiones {
	background: #000 url(//cparg.com/maqueta/imagenes/reg_mun.jpg) center no-repeat;
	width: 1000px;
	float: left;
	color: #fff;
	margin: -10px 0 -10px -10px;
	padding-top: 20px;
}
.reg_mun { opacity: 0.8; }
.reg_mun:hover { opacity: 1; z-index: 99; }
.regiones a { color: #fff; }
.reg_mundial {
	margin-left: 20px;
	font-size: 26px;
	padding-top: 10px;
	height: 370px;
	width: 430px;
	background: url(//www.cparg.com/maqueta/imagenes/reg_mun.jpg) no-repeat;
	background-size: 90%;
	float: left;
}
.seleccion-regiones {
	float: left;
	width: 980px;
	padding-bottom: 10px;
}
#regiones-link {
	background: rgba(0,0,0,0.6);
	background-size: 100%;
	margin: 0 auto;
	width: 725px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	overflow: hidden;
}
.regiones_categoria {
	height: 437px;
	width: 180px;
	border-left: 1px solid;
	float: left;
}
.regiones_titulo {
	font-size: 26px;
	text-align: center;
	border-bottom: 1px solid;
}
.regiones_paises { padding-bottom: 2px; }
.regiones_paises p {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #888;
	height: 18px;
}
.regiones_paises p:hover {
	background: linear-gradient(#06f, #003d89);
}

/* Titulos */
.titulo-principal {
	font-size: 32px;
	padding: 20px 0;
}
#contenedor > .titulo-principal { display: none; }

/* Servicios */
.servicio, .asistente {
	height: 320px;
	border-top: 3px ridge #666;
	float: left;
	width: 999px;
	color: #000;
	background: url(//www.cparg.com/maqueta/texturas/textura-blanco-gris.jpg) no-repeat;
	background-size: 100%;
	border-bottom: 3px ridge #666;
}
.servicio-categorias, .servicio-opciones {
	width: 200px;
	height: 320px;
	float: left;
	border-right: solid 2px #666;
}
.servicio-categorias-titulo, .servicio-opciones-titulo, .servicio-servicios-titulo, .servicio-informacion-titulo {
	background: #000;
	color: #fff;
	font-size: 20px;
	padding-left: 10px;
}
.servicio-servicios {
	width: 597px;
	height: 320px;
	float: left;
}
.servicio-informacion {
	width: 198px;
	height: 320px;
	float: left;
	border-left: solid 2px #666;
}
.servicio-informacion-contenido { padding-left: 10px; height: 215px; }
.servicio-informacion-ayuda {
	padding: 20px 50px 0 10px;
	height: 60px;
	background: url(//www.cparg.com/maqueta/imagenes/flecha-derecha.png) right no-repeat;
	width: 138px;
	font-size: 25px;
}

/* Pie de página */
#pie_link a, #pie-columnas a, #basico a, #pie_text a {
	color: #fff;
	font-size: 12px;
}
#pie-columnas {
	box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.8);
	background: #0F0F0F;
	border-top: 3px ridge #06F;
}
#pie_columnas_contenido {
	width: auto;
	margin: 0 auto;
	position: relative;
	font-size: 16px;
	overflow: hidden;
	padding: 40px 0;
	display: table;
}
#pie-columnas .columna {
	width: 180px;
	box-sizing: border-box;
	float: left;
	padding: 0;
	font-size: 13px;
	border-right: solid 1px #fff;
	text-align: center;
}
#pie-columnas .columna:hover { background: #0008; }
#pie-columnas .columna .tit_colum { font-size: 17px; color: #fff; padding: 10px; }
#pie-columnas .columna img { border: none; }
#pie-columnas > #pie_columnas_contenido > a > .columna#columna_region { border: 0; }
#pie-columnas > #pie_columnas_contenido > a > #columna_garantia > img { margin: 10px 0 0 15px; }
#pie-columnas > #pie_columnas_contenido > a > #columna_contactar > img { margin: 25px 0 0 30px; }
#pie-columnas > #pie_columnas_contenido > a > #columna_promociones > img { margin-top: 10px; }
#pie-columnas > #pie_columnas_contenido > a > #columna_region > img { height: 180px; }
#basico {
	height: 225px;
	background: url(//www.cparg.com/maqueta/texturas/textura_pie_info_basic.png);
	background-size: 100%;
}
#basico .columna {
	width: 188px;
	height: 215px;
	float: left;
	padding: 5px;
	font-size: 13px;
	border: solid 1px #000;
}
#basico .columna:hover { background: #333; }
#basico .columna .tit_colum { font-size: 18px; }
footer {
	background: #124191;
	width: 100%;
	position: absolute;
	box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.8);
}
#pie_contenido {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	font-size: 16px;
	overflow: hidden;
}
#pie_text { float: left; padding: 20px; }
#pie_link { float: right; text-align: right; padding: 23px 25px 0 25px; }
#pie_link a:hover { text-decoration: underline; }

/* Error */
#error { color: red; margin-bottom: 30px; padding-left: 30px; }
#codigo-error { font-size: 42px; }
#detalle-error { font-size: 20px; }
#contenido_error {
	margin: 0 auto;
	width: 1200px;
	padding: 25px;
	background: rgba(0,0,0,0.8);
	overflow: hidden;
}
#boton_volver_error {
	background: #06f;
	border: 1px solid #fff;
	padding: 15px;
	transition: all 0.5s;
	text-shadow: 1px 1px 1px #000;
	opacity: 0.9;
	margin: 10px 50px;
	float: left;
}
#boton_volver_error:hover {
	opacity: 1;
	box-shadow: 0 1px 3px rgba(255,255,255,0.8);
}

/* Contacto rápido */
.contacto-rapido {
	text-align: right;
	margin: 10px 20px 10px 0;
	float: right;
	font-size: 17px;
}
.contacto-rapido a { color: #fff; }

/* Nota */
.nota {
	background: no-repeat left url(//www.cparg.com/imagenes/iconos/nota-m.png);
	background-size: 35px;
	padding: 25px 25px 25px 40px;
}

/* Formas de pago */
#contenedor > .contenido > .forma_pago {
	border: 1px #000 solid;
	width: 200px;
	height: 250px;
	margin-top: 37px;
}
#contenedor > .contenido > .forma_pago > p {
	text-align: center;
	margin: 0;
	padding: 10px;
	background: #06D;
	color: #fff;
	border-bottom: 1px solid #000;
}
#contenedor > .contenido > .forma_pago > img { height: 200px; }

/* Ir arriba */
#IrArriba {
	position: fixed;
	bottom: 30px;
	right: 30px;
}
#IrArriba span {
	width: 60px;
	height: 60px;
	display: block;
	font-size: 60px;
	background: url(/imagenes/flecha_arriba.png);
}

/* Avisos emergentes */
.avisos_emergentes {
	background: #000;
	height: 85px;
	width: 0;
	position: fixed;
	z-index: 100;
	bottom: 25px;
	right: 0;
	font-size: 14px;
	box-shadow: 3px 5px 10px rgba(0,0,0,0.8);
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	transition: all 0.5s;
}
.avisos_emergentes:hover {
	border-color: #fff;
	box-shadow: 3px 5px 10px rgba(255,255,255,0.8);
}
.avisos_emergentes a { color: #fff; }
.aviso_a_t { padding: 10px 10px 5px 10px; width: 320px; }
.aviso_a_t .icono_notificacion { float: left; padding-right: 10px; }
.aviso_a_t .icono_notificacion img { height: 70px; width: 70px; }
.aviso_a_t .mensaje_aviso_instant {
	margin: 0;
	font-size: 15px;
	padding-right: 18px;
	height: 39px;
	vertical-align: middle;
	display: table-cell;
}
.aviso_a_t .accion_aviso_instant {
	text-align: center;
	margin: 10px 80px 5px 0;
	color: #06f;
}
.cerrar_aviso_emergente {
	position: absolute;
	height: 30px;
	right: 0;
	display: none;
}
.cerrar_aviso_emergente a {
	color: #fff;
	font-size: 15px;
}
.boton_cerrar_aviso_instantaneo {
	padding: 10px;
	transition: all 1s;
}
.boton_cerrar_aviso_instantaneo:hover { background: #b0232a; }

/* Aviso regional */
#contenedor_aviso_regional {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: fixed;
	z-index: 999;
	top: 35px;
}
#aviso_regional {
	background: #000;
	height: 160px;
	width: 500px;
	padding: 20px;
	border: 1px solid;
	z-index: 100;
	font-size: 18px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 35%;
	left: 35%;
}
.opciones_aviso_r { margin: 0 164px; }
.opciones_aviso_r a { color: #fff; }
.boton001 {
	margin: 10px auto;
	padding: 10px;
	border: 1px solid #fff;
	background: #06F;
	width: 150px;
	text-align: center;
}

/* Música */
.Esconder_Mostrarmusic {
	float: left;
	cursor: pointer;
	height: 30px;
	width: 30px;
	margin: 0;
	padding: 2.5px 4px;
	transition: all 1s;
	background: url(//www.cparg.com/imagenes/musica.png)-5px -5px, linear-gradient(#06f, #003d89);
	background-repeat: no-repeat;
	background-position: center;
	border-right: 1px solid #fff;
}
.Esconder_Mostrarmusic:hover {
	background: url(//www.cparg.com/imagenes/musica.png)-5px -5px no-repeat, #06f;
	background-position: center;
}
#musica_fondo {
	position: fixed;
	z-index: 9999;
	top: 35px;
	height: 30px;
	right: 0;
}
#musica_fondo audio { max-width: 450px; }

/* Sesión */
#boton_cerrar_cuadro {
	border: 1px solid #000;
	background: #222;
	padding: 10px;
	box-shadow: 3px 5px 10px rgba(0,0,0,0.8);
	transition: all 1s;
}
#boton_cerrar_cuadro:hover { background: #b0232a; }

/* Formularios */
#form_iniciar_sesion input[type="text"],
#form_iniciar_sesion input[type="password"],
#form_nuevo_usuario input[type="text"],
#form_nuevo_usuario input[type="password"],
#form_nuevo_usuario input[type="email"] {
	width: 160px;
	padding: 8px;
	border: solid 3px rgba(0,0,0,0.6);
}
#form_iniciar_sesion input[type="checkbox"],
#form_nuevo_usuario input[type="checkbox"] {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	margin-top: 0;
}
#boton_registrarse_1 {
	border: 3px solid #fff;
	background: #666;
	padding: 8px;
	width: 180px;
	color: #fff;
	transition: all 1s;
	cursor: pointer;
}
#boton_registrarse_1:hover {
	box-shadow: 0 1px 10px rgba(255,255,255,0.8);
	background: #06D;
}
.opcion_conexion_superior { float: left; }
.perfil_usuario_conectado {
	float: left;
	height: 36px;
	width: 36px;
	border: 1px solid #888;
	background-size: auto 100% !important;
	background-position: center !important;
}

/* Cuadro flotante */
#cuadro_flotante a { color: #fff; }
#conexion_error {
	background: #b0232a;
	padding: 10px;
	margin: 0 -20px;
}

/* Servicio pasos y asistente */
.servicio-pasos, .asistente {
	width: 798px;
	height: 340px;
	float: left;
}
.servicio-pasos-titulo {
	text-align: center;
	background: #000;
	color: #fff;
	font-size: 20px;
}
.servicio-aviso {
	margin: 100px 0 10px 10px;
	padding-right: 60px;
	position: absolute;
	width: 120px;
	background: url(/imagenes/asistente_ayuda.png) right no-repeat;
	background-size: 25%;
	padding-top: 20px;
}

/* Actualización */
#aviso_actualizacion {
	background: #000;
	height: 75px;
	width: 220px;
	border: 1px solid;
	position: fixed;
	z-index: 100;
	bottom: 25px;
	right: 95px;
	font-size: 14px;
	box-shadow: 3px 5px 10px rgba(0,0,0,0.8);
}

/* Pie de página texto */
#pie_text a { color: #fff; }

/* Región contenido */
#contenido > #texto_region { float: left; width: 50%; }
#contenido > #imagen_region { float: left; width: 50%; margin-top: -67px; }
#contenido > #imagen_region > p > img {
	width: 100%;
	height: auto;
	filter: invert(100%);
}

/* Media queries */
@media screen and (max-width: 692px) {
	#contenedor { padding-top: 45px; width: auto; }
	header { display: none; }
	#red_social {
		width: 210px;
		margin: 10px auto;
		height: auto;
		display: flow-root;
	}
	#red_social > a { margin: 10px; }
	#red_facebook, #red_twitter, #red_youtube, #red_steam, #red_discord, #red_instagram {
		background-size: 40px;
		height: 40px;
		width: 40px;
	}
	#botonera, #contenedor > header > .contacto-rapido { display: none; }
	#pie-columnas > #pie_columnas_contenido { width: auto; }
	footer { padding-bottom: 30px; }
	footer > #pie_contenido { width: auto; }
	footer > #pie_contenido > #pie_text { padding: 10px 20px; text-align: center; }
	footer > #pie_contenido > #pie_link { padding: 5px 25px 25px 25px; }
	#pie-columnas > #pie_columnas_contenido > a > .columna { width: 50%; }
	#pie-columnas > #pie_columnas_contenido > a:not(:first-child):not(:last-child) { display: none; }
	#contenedor > .contenido {
		padding: 10px 30px;
		min-height: 0;
		width: auto;
		overflow: initial;
	}
	#contenedor > .contenido > .forma_pago { margin: 0 auto; }
	#contenedor > .contenido > .productos_soportados > img { width: 48%; }
}

@media print {
	body, .contenido { color: #000; }
	h3 { color: #06f; }
	#barra-superior-cparg, #pie-columnas, footer > #pie_contenido > #pie_link { display: none; }
	#contenedor > header > #botonera { display: none; }
	#contenedor > header > a > #logo > img { display: block !important; }
	#contenedor { border: 0; padding-top: 0; }
	footer { box-shadow: none; }
	#contenedor > header > .contacto-rapido > a { color: #000; }
}