#tit-registro{
	width:100%;
	height:auto;
	text-align:center;
	background:#d80c0b;
	padding: 8px 0px 6px;
	margin-top: -13px;
	color:#ffffff;
	font-size: 28px;
	letter-spacing:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	line-height: 26px;
}
.txt-gracias{
	width:100%;
	height:auto;
	margin-top:9px;
	text-align:center;
	color:#002b5c;
	font-size:30px;
	line-height: 32px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	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:920px;
	height:auto;
	float:left;
	clear:none;
	font-family: Arial, Helvetica, sans-serif;
	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{
	font-size:18px;
	line-height: 24px;
	padding: 10px 20px 0 20px;
	font-weight:normal;
}
.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-family: Arial, Helvetica, sans-serif;
	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;
}

.cold-der{
	width:410px;
	float:right;
	margin:15px 20px 0px 0px;
}


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

.form-izq, .form-der{
	width:240px;
	height:auto;
	float:left;
	clear:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	text-align:left;
	margin: 0px 0px 0px 8px;
}
.texto_es {
	line-height:10px;
	color:inherit;
}
.texto_eng {
	/*color:#999999;*/
	color:#4D4D4D;
	font-style: italic;
	font-weight: bold;
}
.texto_por {
	color:#808080;
}

.registroTabla{
	width:496px;
	height:auto;
	float:left;
	clear:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:30px;
	color:#4d4d4d;
	text-align:left;
	text-decoration:none;
	padding: 0 0 20px 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:225px;
	height:50px;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:22px;
	color:#6A4D4D;
	text-align:left;
	text-decoration:none;
	border:1px solid #d80c0b;
	margin:-5px 0px 5px 0px;
	padding: 0px 0px 0px 5px;
}
.textfield{height:50px;}
.campo-codigo input{
	width:225px;
	height:50px;
	float:none;
	clear:none;
	margin: 8px 0px 8px;
}
.campos-obligatorios{
	width:auto;
	height:auto;
	display:table;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 10px;
	color: #000;
	text-align: left;
	margin: 0px 0px 0px 10px;
}
.registroTabla .btn-registrarse{
	width:315px;
	height:42px;
	display:table;
	border:none;
	background:#d80c0b;
	border-radius:100px;
	padding:0;
	margin:20px auto 5px auto;
	text-align:center;
	color:#fff;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}
a.btn-cancelar{
	width:115px;
	height:42px;
	background:#666666;	
	display:table;
	border:none;
	border-radius:100px;
	padding:0;
	margin:10px auto 0px auto;

	text-align:center;
	color:#fff;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}
.registroTabla .btn-registrarse:hover{
	cursor:pointer;
	background-color:#666666;	
	text-decoration:none;
}
a.btn-cancelar:hover{
	cursor:pointer;
	background:#a6a6a6;
}
a.btn-cancelar{
	line-height:35px;
	height:34px;
}


.registroTablaComentario{
	width: 400px;
	height:auto;
	border-radius:20px;
	background-color:#002b5c;
	float:right;
	clear:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	line-height: 14px;
	color:#fff;
	text-align:left;
	text-decoration:none;
	padding:17px 0 8px 6px;
	margin:0px 0px 15px 0px;
}
.blanco, .blanco-grande{
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height: 18px;
	text-align:left;
	padding: 5px 0 0px 8px;
	text-transform:none;
	text-decoration:none;
	font-weight: bold;
}
.blanco-grande{
	font-size:25px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.registroTablaComentario li{
	width:auto;
	height: auto;
	font-weight:normal;
	line-height: 18px;
	list-style-image:url(/img/red-circle.png);
	list-style-position:inside;
	margin: 6px 0 8px;
	padding:0px 0 0px 10px;
}
.registroTablaComentario li:nth-child(even){color: #f7f4d8;}
.par {color: #fff699;}
.select{
	height:25px;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	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:480px;
	height:68px;
    float:left;
	clear:none;
	background-color: #d80c0b;
    margin:0px 10px 10px 0;
	padding:0px 6px 0px 10px;
	
	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;
}

.banderas{
	width: 374px;
	height:auto;
	float:right;
	clear:none;
	background-color: #d9d9d9;
	margin: 0px 10px 10px 0;
	padding:2px 6px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:53px;
	letter-spacing:1px;
	text-align:center;
	color:#000000;
	text-transform:uppercase;
	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-table;
	margin: 0px 2px 0px 2px;
	padding: 7px 6px;
	background: #b5b5b5;
	border-radius: 46px;
	line-height: 23px;
	color: rgba(255, 255, 255, 0.6);
	letter-spacing: 0.5px;
	font-size: 12px;
}

#bandera-esp:hover, #bandera-eng:hover, #bandera-por:hover{background: #002b5b;color:#fff}

.txt-seleccionar-idioma{
	width: auto;
	height:auto;
	margin:0px 0px 0px;
	text-align: center;
	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-family: Arial, Helvetica, sans-serif;
	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-family: Arial, Helvetica, sans-serif;
	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-family: Arial, Helvetica, sans-serif;
	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:#002b5c;
	display:table;
	text-align:center;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:26px;
	text-transform:uppercase;
}
#contacto a{color:#ffffff; font-weight:bold; text-decoration:none;}
#contacto a:hover{color:#99daff; cursor:pointer;}
#pie{
	width:100%;
	height:auto;
	background:#666666;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:20px;
	color:#ffffff;
	padding:10px 0px 9px;
}
.columbia-multimedia-small{
	margin:0px auto 0px; 
	display:table; 
	padding:3px 0px 0px;
}

/** 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-family: Arial, Helvetica, sans-serif;
	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: table;
	padding: inherit !important;
	margin: 0px !important;
}
#top .logo{
	width:100%;
	max-width: 190px;
    float: left;
    clear: none;
    margin: 66px 5px 0px 20px;
}
#top .logo.asoe{
	width:100%;
	max-width: 125px;
    float: left;
    clear: none;
    margin: 60px 10px 0px 7px;
}
.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, .acepto #recibir_emails{
	width: 15px;
	display: inline-block;
	float: left;
	margin: -20px 6px 0px 8px;
}




@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;
		width: 90%;
	}
	.banderas{
		float: none;
		display: table;
		margin: 20px auto;
		width: auto;
		padding: 2px 15px 2px;
	}
	#registroForm{
		width:auto;
		float: none;
		clear:none;
		margin: 0 auto 20px;
		display: table;
	}
	.registroTabla{padding: 0 0 20px 0;}	
	.cold-der{
		width:100%;
		float:none;
		margin:15px auto 0px;
		background-color:#fff;
	}

}
@media screen and (max-width:895px){
	#top{
		background: none;
		margin: 10px auto 0px;
		height:auto;
	}
	#top .logo,
	#top .logo.asoe{
		float: none;
		clear: none;
		margin: 20px auto 20px;
		display: table;
		max-width: 220px;
	}	
	#top .logo.asoe{
		max-width: 120px;
		margin: 15px auto 30px;
	}
}
@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;
	}
	.registroTabla{
		max-width: 496px !important;
		width: 100%;
	}
	.campo-codigo input{
		width:80%;
		height:50px;
		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: 92%;}
}