@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Lato', sans-serif;
	margin: 0px;
	background: #000;
	
}


#tit-registro{
	width:100%;
	height:auto;
	padding: 58px 0px;
	color:#ffffff;
	font-size: 36px;
	letter-spacing:2px;
	font-weight:bold;
	/* text-transform:uppercase; */
	line-height: 36px;
	text-align: center;
	background: url('../img/banner-lenovo.jpg') #193541;
	background-repeat: no-repeat;
	background-position-x: center;
	margin-top: 0px;
}
.foto-pie{
	width:100%;
	height:auto;
	padding: 76px 0px;
	color:#ffffff;
	font-size: 36px;
	letter-spacing:2px;
	font-weight:bold;
	/* text-transform:uppercase; */
	line-height: 36px;
	text-align: center;
	background: url('../img/foto-pie.png') #193541;
	background-repeat: no-repeat;
	background-position-x: center;
	margin-top: 0px;
}
.txt-gracias{
	width:100%;
	height:auto;
	margin: 5px 0px 8px;
	color: #fff;
	font-size:30px;
	line-height: 28px;
	letter-spacing:1px;
	font-weight:bold;
	text-transform:uppercase;
	display: table;
	padding: 0px 0 0;
}
#cont_registro {
	width:100%;
	max-width: 970px;
	display:table;
	/* background:#fff; */
	text-align: center;
	margin: 20px auto;
}
.acceso-tit, .acceso-txt, .nota{
	width:98%;
	height:auto;
	float:left;
	clear:none;
	font-weight:bold;
	font-size:30px;
	color:#4d4d4d;
	text-align:left;
	text-decoration:none;
	padding:15px 0 0 30px;
}
.acceso-tit{
	font-size:30px;
	line-height:30px;
}
.acceso-txt{
	width:95%;
	font-size: 16px;
	line-height: 22px;
	padding: 0px 0px 0 20px;
	font-weight:normal;
	color: #fff;
}
.nota{
	line-height:23px;
	font-size:18px;
	padding: 10px 0 20px 20px;
	font-weight:normal;
}
.nota strong{font-weight:bold;}
.nota strong.red{color:#d80c0b;}
a.btn-volver-inicio{
	width:auto;
	height:20px;
	float:right;
	clear:none;
	background-color:#CCC;
	border:1px solid #ccc;
	border-radius:5px;
	margin:10px 20px 0px 0px;
	padding:2px 10px;
	font-weight:bold;
	font-size:11px;
	line-height:20px;
	color:#666;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}
a.btn-volver-inicio:hover{
	background-color:#999;
	color:#fff;
}

.col-der{
	width: 36%;
	float:right;
	margin: 15px 0px 0px 0px;
}

.col-izq{
	width: 80%;
	margin: 15px auto 0px;
	display: table;
}

#registroForm{
	width:auto;
	float:left;
	clear:none;
	margin: 0 0px 0px;
}

.form-izq, .form-der{
	width: 47%;
	height: auto;
	float:left;
	clear:none;
	font-weight:bold;
	font-size:13px;
	text-align:left;
	margin: 2px 0px 0px 3%;
	/* text-transform: uppercase; */
	/* color: rgb(85 85 85 / 60%); */
}
.texto_es, .texto_por,  .texto_eng{
	line-height: 11px;
	color:inherit;
	padding: 0px 0 0px !important;
	margin: 15px 0 0px  !important;
}
/*
.texto_eng {
	/*color:#999999;
	color:#4D4D4D;
	font-style: italic;
	font-weight: bold;
}
.texto_por {
	color:#808080;
}*/

.registroTabla{
	width: 100%;
	height:auto;
	float:left;
	clear:none;
	font-weight:bold;
	font-size:12px;
	line-height:30px;
	color: #fff;
	text-align:left;
	text-decoration:none;
	padding: 0 0 0px 0px;
	margin:0;
}
.registroTabla td{
	height:auto;
	
}
.text_es{
	color: inherit;
	width: auto;
	display: inline-table;
}
.texto_eng {
	/*color:#999999;*/
	color:#4D4D4D;
	font-style: italic;
	font-weight: bold;
}
.texto_por {
	color:#808080;
}

.registroTabla input, .textfield, .contactoTabla input, .campo-codigo input{
	width: 94%;
	height: 30px;
	background-color: transparent;
	font-weight:normal;
	font-size: 16px;
	color: #fff;
	text-align:left;
	text-decoration:none;
	border-color: transparent transparent rgb(255 255 255 / 90%) transparent;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	margin: 0px 0px 9px 0px;
	padding: 0px;
}
.registroTabla select.textfield{height:32px;}
.registroTabla input.textfield:focus, select.textfield:focus{outline: none;border-bottom: 1px solid #e60412;}
.registroTabla select option {color:#000;}
.textfield{height: 28px;}

.campo-codigo input{
	width: 200px;
	height:40px;
	float:none;
	clear:none;
	margin: 8px 0px 8px;
	font-size:25px;
	font-weight:600;
	border: 1px solid rgb(189 0 12 / 50%);
	background: transparent;
	border-color: transparent transparent rgb(255 255 255 / 90%) transparent;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
}
.campo-codigo input:focus{outline: none;}
.campos-obligatorios{
	width: 100%;
	height:auto;
	display:table;
	font-weight: normal;
	font-size: 11px;
	line-height: 10px;
/*	color: #329dd9;*/
	text-align: left;
	float: left;
	margin: 10px 10px;
}
.registroTabla .btn-registrarse{
	width: auto;
	height: auto;
	display:table;
	border:none;
	background: #e60012;
	border-radius: 8px;
	padding: 20px 30px;
	margin: 30px auto 20px auto;
	text-align:center;
	color:#fff;
	font-size: 16px;
	line-height: 16px;
	font-weight:bold;
}
a.btn-cancelar{
	width: auto;
	height: auto;
	background: #555;
	display:table;
	border:none;
	border-radius: 8px;
	padding: 20px 30px;
	margin:10px auto 0px auto;
	text-align:center;

	color:#fff;
	font-size: 16px;
	line-height: 16px;
	text-decoration:none;
	font-weight:bold;
	/* text-transform:uppercase; */
}
.registroTabla .btn-registrarse:hover{
	cursor:pointer;
	background-color:#bbbbbb;	
	text-decoration:none;
}
a.btn-cancelar:hover{
	cursor:pointer;
	background:#bbbbbb;
}
a.btn-cancelar{
	/* line-height:35px; */
	/* height: auto; */
}


.registroTablaComentario{
	width: auto;
	height:auto;
	font-weight:700;
	font-size: 15px;
	line-height: 14px;
	color:#000;
	text-align:left;
	text-decoration:none;
	padding: 0px 1px 0px 1px;
	margin: 0px 0px 0px 0px;
	/* border-left:1px solid #e3e3e3; */
	border: solid 1px #ddd;
	/* background: rgb(240 240 240 / 30%); */
}
.registroTablaComentario ul{
	padding: 0px 0 4px 15px;
	margin:0px;
}
.blanco, .blanco-grande{
	color: #000;
	font-size: 14px;
	line-height: 15px;
	text-align:left;
	padding: 10px 12px 5px 12px;
	text-transform:none;
	text-decoration:none;
	font-weight: bold;
	/* border-top: solid 1px #ddd; */
}
.blanco-grande{
	font-size: 22px;
	font-weight: 900;
	text-transform:uppercase;
	text-decoration:none;
	padding: 15px 15px 15px;
	margin: 3px 0 0;
	display: block;
	height: auto;
	color: #329dd9;
	letter-spacing: 1px;
	text-align: left;
	border-bottom: solid 1px #ddd;
}
.registroTablaComentario li{
	width:auto;
	height: auto;
	font-weight:normal;
	line-height: 15px;
	font-size: 13px;
	list-style-position:inside;
	margin: 6px 0 8px;
	padding: 0px 0 3px 0px;
}
/**.registroTablaComentario li:nth-child(even){color: #f7f4d8;}
.par {color: #fff699;}*/
.select{
	height:25px;
	background-color:#fff;
	font-weight:normal;
	font-size:12px;
	color:#6A4D4D;
	text-align:left;
	text-decoration:none;
	border:1px solid #6A4D4D;
	margin:5px 4px 0 0;
	vertical-align:top;
	padding:2px 0 1px 0;
}
.message{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	color:#1a3968;
}
.error-message {
	width:280px;
	height:11px;
	float: left;
	clear:none;
	margin:0 0 0 3px;
	padding:0px;
	font-size:11px;
	font-weight:bold;
	line-height:7px;
	text-align: left;
	text-transform:none;
	color: #D90010;
}
.campo-codigo{
	width: 100%;
	height:auto;
	display: table;
	background-color: #e60012;
	margin: 15px auto 12px;
	padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 16px;
	line-height:53px;
	letter-spacing:1px;
	text-align:center;
	color:#fff;
	/* text-transform:uppercase; */
}
.campo-codigo .texto_es{display:inline-table;margin: 0px 5px 0px 5px !important;}


.banderas{
	width: auto;
	height:auto;
	float: right;
	/* clear:none; */
	/* background-color: #f0f0f0; */
	margin: 0px 0px 0px 0px;
	padding: 1px 15px 0px;
	font-family:Arial, Helvetica, sans-serif;
	/* font-weight:bold; */
	font-size: 12px;
	line-height:53px;
	letter-spacing:1px;
	text-align:center;
	color:#000000;
	/* text-transform:uppercase; */
	/* border-bottom: solid 1px #ddd; */
	text-decoration: none;
}
.banderas a{text-decoration: none;}
.bandera{
	float:right;
	clear:none;
	padding:6px 10px 0px 0px;
	margin:0px;
	opacity: 0.4;
}
.bandera:hover{opacity:0.7;}
#bandera-esp, #bandera-eng, #bandera-por{
	width:auto;
	height:auto;
	display: inline-block;
	margin: 0px 2px 0px 2px;
	padding: 8px 6px 7px;
	background: #bbbbbb;
	border-radius: 8px;
	line-height: 23px;
	color: rgba(255, 255, 255, 0.6);
	letter-spacing: 0.5px;
	font-size: 12px;
	text-transform: uppercase;
}
#bandera-esp:hover, #bandera-eng:hover, #bandera-por:hover{background: #329dd9;color:#fff}

.txt-seleccionar-idioma{
	width: auto;
	height:auto;
	margin:0px 0px 0px;
	text-align: left;
	display: inline-block;
	letter-spacing: 0.5px;
}

/** FORMULARIO CONTACTO **/
#ContactoIndexForm{
	width:auto;
	height:auto;
	display:table;
	margin:20px auto;
	padding:20px 30px;
	background: #fff;
}
a.btn-volver{
	width:auto;
	height:20px;
	display:table;
	background-color:#CCC;
	border:1px solid #ccc;
	border-radius:5px;
	margin:10px auto -10px;
	padding:2px 10px;
	font-weight:bold;
	font-size:11px;
	line-height:20px;
	color:#666;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}
a.btn-volver:hover{
	background-color:#999;
	color:#fff;
}
.campos{
	width:65px;
	letter-spacing:0px;
	display:table;
	color:#fff;
	font-weight: bold;
	font-size: 13px;
	line-height: 30px;
	color: #4d4d4d;
	text-align: left;
}
#ContactoIndexForm input, #ContactoIndexForm textarea{
	width:300px;
	height:50px;
	background-color:#fff;
	font-weight:normal;
	font-size:22px;
	color:#6A4D4D;
	text-align:left;
	text-decoration:none;
	border:1px solid #d80c0b;
	margin:10px 0px;
	padding: 0px 0px 0px 5px;
}
#ContactoIndexForm textarea{height:130px;font-size:18px;}
#ContactoIndexForm .btnenviar{
	width:auto;
	height:42px;
	display:table;
	border:none;
	background:#d80c0b;
	border-radius:100px;
	padding:10px 30px;
	margin:5px auto 0px auto;
	text-align:center;
	color:#fff;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}
#ContactoIndexForm .btnenviar:hover{
	cursor:pointer;
	background-color:#666666;	
	text-decoration:none;
}


/** FOOTER **/
#contacto{
	width:100%;
	height:auto;
	background: rgb(37 37 37);
	display:table;
	text-align:center;
	/* color: #555; */
	font-size:11px;
	line-height:26px;
	text-transform: capitalize;
	padding: 10px 0 10px 0;
	border-top: 1px solid rgb(255 255 255 / 15%);
}
#contacto a{color: #555;font-weight:bold;text-decoration:none;padding: 9px 5px;display: inline-table;}
#contacto a:hover{color:#fff; cursor:pointer;}
#pie{
	width:100%;
	height:auto;
	background: #000;
	text-align:center;
	font-size:10px;
	line-height:20px;
	/* color: #fff; */
	padding: 10px 0px 20px;
	border-top: 1px solid rgb(255 255 255 / 15%);
}
.columbia-multimedia-small{
	margin:0px auto 0px;
	display:table;
	padding: 15px 10px 0px;
	/*	opacity: 0.5;*/
	max-width: 150px;
	width: 100%;
}
#pie, .columbia-multimedia-small, #contacto, #contacto a, a.politica{color:#fff;} 

/** REGISTRO NOTAS **/
.recordar{
	width:100%;
	height:24px;
    float:left;
	clear:none;
	background-color: #d80c0b;
    margin:0px 0px 0px 0;
	padding:22px 0px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:23px;
	line-height:24px;
	letter-spacing:1px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
}
.datos-recordar{
	width:auto;
	height:auto;
	display:table;
	margin:0px auto 20px;
	padding:15px 0px 5px;
	border-radius:0px 0px 20px 20px;
	background-color:#e5e5e5;
}
.datos-recordar li{
	width:auto;
	height:35px;
	display:table;
	list-style-type: none;
	list-style-position:inside;
	background: url(/img/tilde-rojo.png) no-repeat left top;
	margin:0px 20px;
	padding:7px 0px 10px 40px;

	font-weight:bold;
	font-size:25px;
	line-height: 25px;
	color:#002b5c;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
}
.datos-recordar li .small{
	font-size:15px;
	line-height: 15px;
	text-transform:none;
	font-weight:normal;
	display:table;
	margin-top:0px;
}
.datos-recordar li a{text-decoration:none; text-transform:none;color:#d80c0b;font-size:22px;}
.datos-recordar li a:hover{text-decoration:underline;}


a.btn-sitio{
	width:auto;
	height:42px;
	background:#d80c0b;	
	display:table;
	border:none;
	border-radius:100px;
	padding:18px 50px 0px;
	margin:10px auto 0px auto;

	text-align:center;
	color:#fff;
	font-size:22px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}
a.btn-sitio:hover{
	cursor:pointer;
	background:#a6a6a6;
}



/** CONTACTO HUBSPOT **/
#top{
	width:100% !important;
	display:inline-block;
	padding: 0px !important;
	margin: 0px 0 -3px 0 !important;
}
#top .logo{
	width: 180px;
	float: left;
	clear: none;
	padding: 6px 9px;
	margin: 0px 0px 0px 0px;
/*	background: #003054;*/
}
.hs-form-iframe{
	width: 88% !important;
	max-width: 800px !important;
	height:auto;
	background-color:#fff;
	display:table;
	margin:0 auto 15px;
	padding: 0px 4% 15px;
}
.alerta-codigo{
	width: 88% !important;
	max-width: 800px !important;
	height:auto;
	background-color:#ffffff;
	display:table;
	margin: 15px auto 0px;
	padding: 0px 4% 25px;
	color: #000;
	font-size:13px;
	letter-spacing: 0.5px;
	float: none;
}
.alerta-codigo .btn-volver{
	display:table;
	margin:15px auto 10px;
}
.fb-like.fb_iframe_widget{
	display:table;
	margin:30px auto 0px;
}

.acepto{
	width: 100%;
	display: inline-block;
	margin: 0px auto;
	text-align: left;
	line-height: 14px;
	padding-top: 0px;
	font-weight: normal;
	font-size: 11px;
}
.acepto #terminos_checkbox{
	width: 15px;
	display: inline-block;
	float: left;
	margin: -7px 6px 0px 10px;
}

/** Politicas **/
#politica{
	width:auto;
	padding: 20px 0 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	color: #000;
	text-decoration:none;
	text-transform:uppercase;
	background: #000000;
	border-top: 1px solid rgb(255 255 255 / 20%);
}
.politica{
	width:auto;
	float:none;
	clear:none;
	padding: 15px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-align:right;
	/* color: #555; */
	text-decoration: none;
	text-transform: capitalize;
}
a.politica{
	text-decoration: underline;
}
a.politica:hover{
	color:#fff;
	text-decoration:none;
}


@media screen and (max-width:990px){
	.acceso-tit, .acceso-txt, .nota{
		width:auto;
		max-width: 560px;
		display: table;
	}
	#cont_registro{

		width:auto;
		max-width: 560px;
		display: table;
		/* padding: 0px 20px; */
	}
	.registroTablaComentario{
		float: none;
		display: table;
		margin: 20px auto 20px;
	}
	.banderas{
		display: table;
		margin: 0px auto;
		width: auto;
		padding: 1px 15px 0px;
	}
	#registroForm{
		width: 94%;
		float: none;
		clear:none;
		margin: 0 auto 20px;
		display: table;
	}
	.registroTabla{padding: 0 0% 20px;width: 100%;}
	.campo-codigo{margin: 15px auto 10px;padding: 5px 0 0;}
	.campo-codigo input{margin: 10px auto 15px !important;width: 90% !important;max-width: 200px;text-align: center;}
	.col-der{
		width:100%;
		float:none;
		margin:15px auto 0px;
	}
	.col-izq{		
	    width:100%;
		float:none;
		margin:15px auto 0px;
    }
	.form-izq, .form-der{
		width: 98%;
		display:table;
		margin:3px auto 0px;
		padding: 0px 2%;
	}
	.textfield{
		width: 100%;
	}
	.registroTabla input, .textfield{
		width: 98%;
		display: inline-table;
		margin: 0px auto 5px;
	}

	.campo-codigo .texto_es{
		width:100%;
		height:auto;
		display:table;
		padding:10px 0px 0 !important;
		margin:0px auto;
	}
}
@media screen and (max-width:895px){

}
@media screen and (max-width:520px){
	/*.campo-codigo{
		width: 90%;
		display:table;
		margin: 0px auto 10px;
		float: none;
	}*/
	.form-izq, .form-der, .campos-obligatorios{
		width: 90%;
		max-width: 500px;
		height:auto;
		float:none;
		clear:none;
		display:table;
		margin:0px auto;
	}
	.campos-obligatorios{margin:10px 0px; text-align:center;}
	.registroTabla{
		max-width: 496px !important;
		width: 100%;
	}
	.campo-codigo{width:100%;margin: 15px auto 10px;}
	.campo-codigo input{
		width:80%;
		height: 30px;
		margin: 0px 0px 8px;
	}
	.fb-like.fb_iframe_widget{width: auto !important;height: auto;display: table;margin:0px auto;position: inherit;float: none;clear: none;}
	.registroTabla input, .textfield{width: 100%;}
	.registroTabla select.textfield{margin:5px 0 10px;}
	.txt-seleccionar-idioma{width:70px;line-height:13px;margin: 15px 0 0 0;float: left;}
	.campo-codigo input{width: 90%;margin: 0px auto 19px;display:inline-table;}
	a.politica{
		width: 90%;
		display: table;
		margin: 0px auto;
		text-align: center;
		padding:10px 4px;
	}
    .politica{display:none;}
	
}

#seleccion{
	display: none;
}