@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'geometric415black-bt';
    src: url('/materiales/_recursos/fonts/geometric415black-bt.eot');
    src: url('/materiales/_recursos/fonts/geometric415black-bt.eot?#iefix') format('embedded-opentype'),
         url('/materiales/_recursos/fonts/geometric415black-bt.woff') format('woff'),
         url('/materiales/_recursos/fonts/geometric415black-bt.ttf') format('truetype'),
         url('/materiales/_recursos/fonts/geometric415black-bt.svg#geometric415black-bt') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{
	margin:0px;
	padding:0px;
}
img{
	border:0px;
}

body{
	font-size:19px;
	font-family: Arial, Helvetica, sans-serif;
	color:#00004c;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background: #fff;
}
#master{
	width:100%;
	height:auto;
	margin:auto;
	background: url('../img/curso-de-ingles.png') center -40px no-repeat;
}


#top-land{
	width:1000px;
	height: 186px;
	margin: 0px auto;
	background: url('../img/learning-english.png') 280px 0px no-repeat;
}
#top-land .logo{
	float:left;
	clear:none;
	margin: 28px 0px 0px 0px;
}
#top-top{
	width:98%;
	height:auto;
	display: table;
	margin: 0px auto 9px;
}
#top-land h1{
	width: 285px;
	height:auto;
	float: right;
	margin: 27px 10px 0px 10px;
	text-align:left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#000054;
	font-size: 19px;
	line-height: 20px;
	text-transform:uppercase;
}
#top-land h1 .big{
	font-size: 32px;
	line-height: 30px;
	display: inline-block;
	padding-top: 2px;
	letter-spacing: 0.7px;
	font-weight: 400;
}
#top-land h1 strong{
	font-weight: 900;
	font-size: 30px;
	line-height: 27px;
	display: inline-block;
	padding-top: 1px;
	letter-spacing: 1px;
}



/*
#top-land h1{
	width:auto;
	height:auto;
	float: right;
	margin: 35px 10px 0px 10px;
	text-align:left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#000054;
	font-size: 22px;
	line-height:23px;
	text-transform:uppercase;
}
#top-land h1 .big{
	font-size: 30px;
	line-height:31px;
}
#top-land h1 strong{
	font-weight:900;
	font-size: 30px;
	line-height:31px;
}
*/


/** CONTENIDO **/
.tit-red, .tit-blue{
	width:98%;
	height:auto;
	text-align:center;
	background:#c90106;
	padding: 9px 1% 9px;
	color:#fff;
	font-size:35px;
	line-height:37px;
	letter-spacing:1px;
    font-family: 'geometric415black-bt', Arial, Helvetica, sans-serif;
/*	font-family: 'Lato', Arial, Helvetica, sans-serif;*/
	font-weight:normal;
	text-transform:uppercase;
}
.tit-red strong{font-weight:900;}
.tit-red.b{border-top: none; margin-top: 20px;display: inline-block;}
.tit-red strong .off{color:#8c0005;}

.tit-blue{background:#66ccca; color:#00004d;font-size:40px; line-height:42px;padding: 15px 1% 15px;}
#bg-rojo{
	width:100%;
	height:auto;
	background: url(../img/bg-content.png) top left repeat;
	display:table;
	-webkit-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
}
#bg-rojo .contenido{
    width: auto;
	height:auto;
	display:table;
    margin: 0px auto;
}
#bg-rojo.quiz{
    padding: 0px 0px 30px;
}

/** VENTAS **/
.info-precio{
	width: 80%;
	height:auto;
	margin: 30px auto 0px;
	display:table;
	text-align:center;
	color:#fff;
	font-size:25px;
	line-height:30px;
	letter-spacing:1px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-shadow: -1px 1px 10px rgba(0, 0, 0, 1);
}
.contenido.xmas .info-precio{margin: 17px auto 0px;}
.contenido.xmas .info-precio.small{text-align: center;font-size: 13px;line-height: 18px;margin: 10px auto 0px;}

.tachado{
	text-decoration:line-through;
}
.info-precio .obten{
	text-transform:uppercase;
	font-size:35px;
	line-height: 30px;
	padding-top: 20px;
}
.info-precio .obten.b{
	text-transform:uppercase;
	font-size:25px;
	line-height: 30px;
	padding-top: 10px;
}
.info-precio .precio{
	text-transform:uppercase;
	font-size:55px;
	line-height: 90px;
}
.info-precio .precio strong{
	font-weight:900;
}


#bg-medios{
	width:100%;
	height:auto;
	display:block;
	margin:0px;
	background:#fff;
}
#medios{
	width:auto;
	height:auto;
	display:table;
	margin:0px auto;
}
.tit-medios{
	width:98%;
	height:auto;
	text-align:center;
	padding: 20px 1%;
	color:#00004c;
	font-size:35px;
	line-height:37px;
	letter-spacing:1px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:900;
	text-transform:uppercase;
}
.modulo-medio{
	width: 465px;
	height:auto;
	display:inline-table;
	margin:0px 10px 0px;
	text-align:left;
	color:#00004c;
	font-size:15px;
	line-height:23px;
	letter-spacing:0px;
}
.modulo-medio strong{font-weight:900;}
.dots{
	width:15px;
	height:auto;
	display:inline-table;
	margin:-10px 10px 0px;
	color: #66ccca;
	font-size: 40px;
	line-height: 15px;
	text-align:center;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 300;
}
.contenido.xmas .dots{line-height: 19px;}

.modulo-medio .tit{
	text-transform:uppercase;
	font-weight:900;
	font-size:20px;
	line-height:23px;
	width: auto;
	letter-spacing:0px;
}
.modulo-medio .tit.pagos{
	border-top:2px solid #66ccca;
	padding-top:10px;
}

.modulo-medio input, .modulo-medio input.paypal.center{
	width:auto;
	height:auto;
	margin:8px auto 0px;
	display:table;
}
.modulo-medio form.paypal, .modulo-medio form.payu{
	margin: 0px 0px 0px 30px;
	display:inline-table;
}
.modulo-medio form.payu{
	margin: 0px auto;
	display:table;
}
.modulo-medio form.payu input{margin:0  auto 5px auto;}
.tarjetas{
	width: auto;
	margin: 0px 0px 0px 0px;
	text-align:center;
	padding: 0px;
}
.tarjetas.inacipe{
	margin: -38px 0px 0px 0px;
}
.logos-tarjetas{
	margin: 7px auto 0px;
	text-align:center;
}
.logos-tarjetas .tarjeta{
	margin: 8px 7px -12px;
	text-decoration:underline;
	color:#fff;
}
img.tarjeta{
	display:inline;
	margin: 0px 0px -9px;
	padding:0px;
	max-height: 30px;
	text-align:center;
}

.btn-guia{
	width: auto;
	height:auto;
	display:table;
	margin: -10px auto 20px;
	padding: 14px 20px;
	border-radius:10px;
	text-align:center;
	text-transform:uppercase;
	font-weight:900;
	color:#fff;
	font-size: 15px;
	line-height: 15px;
	text-decoration:none;
	letter-spacing: 1px;
	background: #c7000c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c7000c 0%, #7d0008 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7000c), color-stop(100%,#7d0008));
	background: -webkit-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: -o-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: -ms-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: linear-gradient(to bottom,  #c7000c 0%,#7d0008 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7000c', endColorstr='#7d0008',GradientType=0 );
}
.btn-guia:hover{
	background:#7d0008;
	cursor:pointer;
	-webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	box-shadow: 0 0 0px 0px rgba(0,0,0,0);
}
.btn-deposito{
	width: auto;
	height:auto;
	display:table;
	margin: 13px auto 0px;
	padding: 20px 35px;
	border-radius:10px;
	text-align:center;
	text-transform:uppercase;
	font-weight:900;
	color:#fff;
	font-size:23px;
	text-decoration:none;
	letter-spacing:1px;
	
	background: #c7000c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c7000c 0%, #7d0008 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7000c), color-stop(100%,#7d0008));
	background: -webkit-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: -o-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: -ms-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: linear-gradient(to bottom,  #c7000c 0%,#7d0008 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7000c', endColorstr='#7d0008',GradientType=0 );
	
	-webkit-box-shadow: 0 0 6px 0px rgba(0,0,0,0.6);
	box-shadow: 0 0 6px 0px rgba(0,0,0,0.6);
}
.btn-deposito:hover{
	background:#7d0008;
	cursor:pointer;
	-webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	box-shadow: 0 0 0px 0px rgba(0,0,0,0);
}






/** FORMULARIO **/
#bg-registro{
	width:98%;
	height:auto;
	display:block;
	margin:0px;
	padding: 20px 1%;
	background:#fff;
}
#registro{
	width:auto;
	height:auto;
	display:table;
	margin:0px auto;
	text-align: center;
}
.center-form{
	width: auto;
	display: table;
	margin: 0px auto; 
}
.modulo-registro, #matricula .modulo-registro{
	width: 420px;
	height:auto;
	display:inline-table;
	text-align:left;
	color:#00004c;
	font-size:15px;
	line-height:20px;
	letter-spacing:0px;
}
.modulo-registro strong{font-weight:900;}

.modulo-registro:first-child{
	max-width: 900px !important;
	width: 50%;
	margin: 0px 10px 10px;
}
.modulo-registro:last-child{
	width: 20%;
	margin: 0px 10px 10px;
}

.modulo-registro.small .FormEmail{
	width: auto !important;
	min-width: inherit;
	margin: 0px 10px 10px;
}
.modulo-registro.small .fgt-pass{
	font-size:20px;
	line-height:22px;
	text-align:left;
    margin: 20px 0px;
}
.modulo-registro.small .texto_es.small{width: 224px;text-align: left;}

.modulo-registro.small .mejora{
	width: 100%;
	height:auto;
	display:table;
	margin:50px auto 0px;
	text-align:center;
}





.modulo-registro.mnet:first-child{margin: 0px 50px 10px 0px; float: left;}
.modulo-registro.mnet:last-child{margin: -50px 0px 0px 50px; float: right;}

.contenido.xmas .modulo-registro li{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color:#fff;
	line-height: 19px;
	padding: 3px 0px 3px;
	letter-spacing: 0.8px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}

	
.contenido.xmas .modulo-registro:first-child{margin: 0px 0px 10px 0px;}
.contenido.xmas .modulo-registro:last-child{margin: 0px 0px 10px 0px;}



.mejora, .aprende{
	width: auto;
	height:auto;
	display:table;
	margin:50px auto 0px;
	text-align:center;
}
.aprende{margin:0px auto 0px;}
#registro .dots{
	width:5px;
	height:auto;
	display:inline-table;
	margin:-20px 5px 0px;
	color: #66ccca;
    font-size: 27px;
    line-height: 15px;
	text-align:center;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 300;
}
.modulo-registro .tit, #matricula .modulo-registro .tit{
	text-transform:uppercase;
	font-weight:900;
	font-size:20px;
	line-height:23px;
	width: auto;
	letter-spacing:0px;
	margin-bottom:10px;
	text-align: center;
}
#matricula .modulo-registro .tit{
    display: table;
    margin: 0px auto;
	text-align:center;
}

.modulo-desc{
	width:auto;
	min-width:380px;
	height:auto;
    padding: 7px 12px;
	margin:10px auto;
	display:table;
	background:rgba(0,0,0,0.15);
	border-radius:10px;
	font-size:13px;
	text-align: center;
}
.FormEmail{
	width:auto;
	min-width: 350px;
    text-align: center;
	height:auto;
	display:table;
	margin: 0px auto;
}
.texto_es, .texto_es.auto, .texto_es.small{
	width:180px;
	display:inline-table;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size: 13px;
	color:#00004c;
	text-transform: uppercase;
}
.texto_es.auto{width: auto;text-align: left;margin-right:5px;min-width: 140px;}
.texto_es.small{width: 94px;text-align: left;margin-right:5px;}
.modulo-registro.mnet .texto_es.small{width: 145px;}

.fgt-pass, .importante{
	width: auto;
	height:auto;
	text-align:center;
	display:table;
	padding: 0px 0px;
	margin: 10px auto 0px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	color:#666;
	letter-spacing: 0px;
	text-transform:none;
	text-decoration:none;
}

.fgt-pass:hover{color:#c90106;}

.importante{
	background-color: #c90106;
	color: #fff;
	padding: 5px 10px 8px;
	font-size: 14px;
}
.chg-pass{color:#c90106; font-weight:900; text-decoration:underline;}
.chg-pass:hover{text-decoration:none;}

#registroForm .textfield {
	width:224px;
	height:auto;
	background-color:#fff;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	color:#00004c;
	text-align:left;
	text-align:left;
	text-decoration:none;
	border:1px solid #d80c0b;
	margin:0px 0px 5px 0px;
	padding: 2px 0px 4px 1%;
	display:inline;
}
#registroForm select.textfield{width: 234px;}

.campos-obligatorios{
	width:auto;
	height:auto;
	display:table;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 10px;
	color: #00004c;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
#registro .btn-registrarse, #matricula .btn-registrarse{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	width: auto;
	height:auto;
	display:table;
	margin: 13px auto 0px;
	padding: 14px 10% 15px;
	border-radius:10px;
	border:none;
	text-align:center;
	text-transform:uppercase;
	font-weight:800;
	color:#fff;
	font-size:21px;
	line-height:22px;
	text-decoration:none;
	letter-spacing:2px;
	background: #c7000c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c7000c 0%, #7d0008 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7000c), color-stop(100%,#7d0008));
	background: -webkit-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: -o-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: -ms-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: linear-gradient(to bottom,  #c7000c 0%,#7d0008 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7000c', endColorstr='#7d0008',GradientType=0 );
}
.error-message {
	width:auto;
	height:auto;
	display:table;
	clear:none;
	margin: -1px 0px -10px;
	padding: 1px 3px 0px;
	font-size: 11px;
	font-weight:bold;
	line-height: 13px;
	text-align: left;
	text-transform:uppercase;
	color: #fff;
	background: red;
}

#registro .btn-registrarse:hover, #matricula .btn-registrarse:hover{
	background:#7d0008;
	cursor:pointer;
}

.btn-volver{
	width: auto;
	height:auto;
	display:table;
	margin: 10px auto 0px;
	padding: 15px 3%;
	border-radius:10px;
	border:none;
	text-align:center;
	text-transform:uppercase;
	font-weight:900;
	color:#fff;
	font-size: 15px;
	text-decoration:none;
	letter-spacing: 2px;
	background: #000054;
}
.btn-volver:hover{
	background:#060673;
	cursor:pointer;
}
.btn-curso{
	width: auto;
	height:auto;
	display:table;
	margin: 3px auto 0px;
	padding: 1px 10px;
	border-radius: 8px;
	border:none;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	font-size: 14px;
	line-height: 25px;
	text-decoration:none;
	letter-spacing: 0.5px;
	background: #000054;
    font-family: 'geometric415black-bt', Arial, Helvetica, sans-serif;
}
.btn-curso:hover{
	background:#060673;
	color:#66ccca;
	cursor:pointer;
}

/** MATRICULA **/
#bg-matricula{
	width:98%;
	height:auto;
	display:block;
	margin:0px auto;
	padding: 20px 1%;
	background:#fff;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
}
#matricula{
	width: 960px;
	height:auto;
	display:table;
	margin: 0px auto 10px;
	text-align:center;
	color:#00004c;
	font-size:20px;
	line-height:22px;
	letter-spacing:0px;
}
#matricula strong{font-weight:900;}
#matricula strong.red{color:#c90106;}
#matricula ul{
	width:auto;
	text-align:left;
	display:table;
	margin-top: 0px; 
}
#matricula li{
	list-style-position:inside;
	margin: 0px 0px 25px;
	font-size: 17px;
	line-height: 20px;
}
#matricula li:first-child{
	margin-top: 15px;
}
.mejora{
	width: auto;
	height:auto;
	display:table;
	margin:50px auto 0px;
	text-align:center;
}
#matricula .tit{
	text-transform:uppercase;
	font-weight:900;
	font-size:20px;
	line-height:23px;
	width: auto;
	letter-spacing:0px;
	margin-bottom:10px;
}
#matricula .niveles{
	width:auto;
	height:auto;
	margin: 5px auto;
	display: table;
	text-align:center;
}
#matricula .nivel{
	width:190px;
	height:auto;
	margin: 0px auto;
	padding:10px 1%;
	display: inline-table;
	text-decoration: none;
}
#matricula .modulo-registro.a .nivel{width:210px;}

#matricula .modulo-desc{
	width:auto;
	height:auto;
	padding: 12px 13px;
	margin:10px auto;
	display:table;
	background: #c2ebea;
	border-radius:10px;
	font-size:14px;
	color: #00004d;
	text-align:left;
}
#matricula .ini-ses{
	width: 98%;
	margin:20px auto 10px;
	display:table;
	text-align:center;
}
#matricula .circulo{
	width:98px;
	height:91px;
	margin:0px auto;
	padding: 0px 0px 5px;
	border-radius:50px;
	
	background: #c7000c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c7000c 0%, #7d0008 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7000c), color-stop(100%,#7d0008));
	background: -webkit-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: -o-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: -ms-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: linear-gradient(to bottom,  #c7000c 0%,#7d0008 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7000c', endColorstr='#7d0008',GradientType=0 );
	
	-webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,0.5);
	box-shadow: 0 0 6px 1px rgba(0,0,0,0.5);

	z-index: 10000;
	position: relative;
	top:0px;
}
#matricula .circulo .tit-nivel, #matricula .circulo .numero{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:17px;
	line-height: 37px;
	font-weight:900;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}
#matricula .circulo .tit-nivel.test{
	font-size: 20px;
	line-height: 21px;
	padding-top: 27px;
	margin: 0px auto;
	display: table;
}
#matricula .circulo .numero{
	font-size:69px;
}
#matricula .nivel .texto{
	width: auto;
	height: auto;
	background:rgba(0,0,0,0.2);
	border-radius: 10px;
	padding: 30px 5% 10px;
	margin: -25px auto 0px;
	display:table;
	color: #00004c;
	font-weight: 400;
	font-size: 21px;
	line-height: 23px;
	letter-spacing:0px;
	text-align: center;
	text-transform:none;
	z-index:0;
	position:relative;
}

/** RESET CONTRASENIA **/
.tit-gral{
	width: auto;
	text-transform:uppercase;
	letter-spacing:0px;
	margin-bottom:10px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:900;
	font-size:20px;
	line-height:23px;
}
.aviso-txt{
	width: 90%;
	height:auto;
	display:inline-table;
	text-align:left;
	color:#00004c;
	font-size:15px;
	line-height:20px;
	letter-spacing:0px;
	font-family: Arial, Helvetica, sans-serif;
}
.modulo-gris{
	width:auto;
	min-width: 270px;
	height:auto;
    padding: 7px 12px;
	margin:10px auto 20px;
	display:table;
	background:rgba(0,0,0,0.15);
	border-radius:10px;
}
.modulo-gris .txt-small{
	font-size: 15px;
	text-align:center;
	color:#00004c;
	line-height:18px;
	letter-spacing:0px;
	margin: 4px 0 9px;
}

.modulo-gris .textfield {
	width: 90%;
	height:auto;
	background-color:#fff;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	color:#00004c;
	text-align:left;
	text-decoration:none;
	border:1px solid #d80c0b;
	margin:0px 0px 5px 0px;
	padding: 2px 0px 4px 1%;
}
.btn-reset{
	width: auto;
	height:auto;
	display:table;
	margin: 7px auto 7px;
	padding: 14px 5% 15px;
	border-radius:10px;
	border:none;
	text-align:center;
	text-transform:uppercase;
	font-weight:900;
	color:#fff;
	font-size: 16px;
	line-height: 15px;
	text-decoration:none;
	letter-spacing: 1px;
	background: #c7000c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c7000c 0%, #7d0008 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7000c), color-stop(100%,#7d0008));
	background: -webkit-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: -o-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: -ms-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: linear-gradient(to bottom,  #c7000c 0%,#7d0008 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7000c', endColorstr='#7d0008',GradientType=0 );
}

.btn-reset:hover{
	background:#7d0008;
	cursor:pointer;
}

/** SpellingBee **/
.spelling-bee{
    width: 50px;
    height: 45px;
    display: inline;
    margin: -14px -4px -9px 0px;
}
#contenido-spelling{
	width: 96%;
	height:auto;
	background: url(/img/bg-content.png) top left repeat;
	display:table;
	-webkit-box-shadow: inset 0px 0px 120px 0px rgba(0, 0, 0, 0.7);
	box-shadow: inset 0px 0px 120px 0px rgba(0, 0, 0, 0.7);
	margin: 0px auto;
	float: none;
	text-align: center;
	padding: 19px 2%;
}
.tit-choose{
	padding: 0px 0px 0px;
	color:#fff;
	font-size:35px;
	line-height: 33px;
	letter-spacing:1px;
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0px 0px 7px rgba(0, 0, 0, 0.8);
}
.btn-nivel{
    width: auto;
    height: auto;
    display: inline-block;
    margin: 10px 10px;
    padding: 11px 8px 11px;
    border-radius: 10px;
    border: none;
    text-align: center;
    text-transform: uppercase;
    font-family: 'geometric415black-bt', Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 30px;
    text-decoration: none;
    letter-spacing: 0px;
	-webkit-box-shadow: 0 0 6px 0px rgba(0,0,0,0.6);
	box-shadow: 0 0 6px 0px rgba(0,0,0,0.6);
}
.btn-nivel:nth-child(odd){
	color: #00004d;
	background: #94dbda;
	background: -moz-linear-gradient(top,  #94dbda 0%, #47b5b3 100%);
	background: -webkit-linear-gradient(top,  #94dbda 0%,#47b5b3 100%);
	background: linear-gradient(to bottom,  #94dbda 0%,#47b5b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94dbda', endColorstr='#47b5b3',GradientType=0 );
}

.btn-nivel:nth-child(even){
	color: #94dbda;
	background: #000066;
	background: -moz-linear-gradient(top,  #000066 0%, #00004d 100%);
	background: -webkit-linear-gradient(top,  #000066 0%,#00004d 100%);
	background: linear-gradient(to bottom,  #000066 0%,#00004d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000066', endColorstr='#00004d',GradientType=0 );
}
.btn-nivel:nth-child(odd):hover{
	color: #000066;
	cursor:pointer;
	background:#66ccca;
	-webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	box-shadow: 0 0 0px 0px rgba(0,0,0,0);
}
.btn-nivel:nth-child(even):hover{
	color: #66ccca;
	cursor:pointer;
	background:#00004d;
	-webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	box-shadow: 0 0 0px 0px rgba(0,0,0,0);
}
.btns-cont{
    width: auto;
    height: auto;
    display: table;
    border-radius: 8px;
    background-color: #f5f5f5;
    margin: 0px auto 30px;
    padding: 15px 2%;
    -webkit-box-shadow: inset 0 0 10px 0px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 10px 0px rgba(0,0,0,0.3);
}
.btn-play, .btn-answer{
	width: auto;
	height:auto;
	display: inline-block;
	margin: 10px 15px;
	font-family: 'geometric415black-bt', Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 20px 30px;
	border-radius:10px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	font-size: 40px;
	line-height: 40px;
	text-decoration:none;
	letter-spacing:2px;
	background: #c7000c;/* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c7000c 0%, #7d0008 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7000c), color-stop(100%,#7d0008));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c7000c 0%,#7d0008 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c7000c 0%,#7d0008 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c7000c 0%,#7d0008 100%);/* IE10+ */
	background: linear-gradient(to bottom,  #c7000c 0%,#7d0008 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7000c', endColorstr='#7d0008',GradientType=0 );/* IE6-8 */
	-webkit-box-shadow: 0 0 6px 0px rgba(0,0,0,0.6);
	box-shadow: 0 0 6px 0px rgba(0,0,0,0.6);
}
.see-answer{
	font-family: 'geometric415black-bt', Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 10px 0px;
	border-radius:10px;
	text-align:center;
	text-transform:uppercase;
	color:#000;
	font-size: 43px;
	width: 100%;
	background: #ccc;
}

.bg-blanco{
    width: 90%;
    max-width: 600px;
	height:auto;
	display:table;
	border-radius: 8px;
	background-color: #f5f5f5;
    margin: 0px auto 30px;
    padding: 15px 3%;
}
.bg-blanco .pasos{
	width: auto;
	height:auto;
	float:left;
	clear:none;
	margin: 15px 0px;
}
.bg-blanco .numero{
	width: 34px;
	height: 38px;
	float:left;
	clear:none;
	text-align:center;
	font-family: 'lato';
	font-weight: bold;
	font-size: 26px;
	line-height: 41px;
	color:#fff;
	letter-spacing: 0px;
	background-color: #dd0000;
	padding: 1px 5px 5px;
	margin: 0px 10px 0px 0px;
	border-radius: 100px;
}
.bg-blanco .txt-pasos{
	width: auto;
	height:auto;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 23px;
	font-weight:normal;
	text-align:left;
}
.bg-blanco .txt-pasos a{color:#de0715;text-decoration:underline;cursor:pointer;}
.bg-blanco .txt-pasos a:hover{text-decoration:none;}
.bg-blanco .tilde{
	font-size:18px;
	font-weight:bold;
	color:#50d0cd;
    margin-top: 12px;
    display: inline-block;
}






/** PASOS **/
.pasos-tit{
	width: auto;
	height:auto;
	display:table;
	margin:0px auto 0px;
	text-align:center;

	font-family: 'Lato', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:900;
	font-size:15px;
	line-height:17px;
	letter-spacing:1px;
	color:#808080;
}
.paso{
	width: 417px;
	height:auto;
	display:table;
	margin:5px auto;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:900;
	text-transform:uppercase;
}
.paso-num{
	width: auto;
	height:auto;
	display: inline-table;
	margin: 0px 0px;
	padding: 5px 5px 5px 10px;
	background:#8c0005;
	border-radius:50px 0px 0px 50px;
	font-size:15px;
	line-height: 23px;
	letter-spacing:1px;
	color:#f55f64;
	text-align:left;
	float: left;
}
.paso-num.on{
	color:#fff;
	background:#14ccc9;
}
.paso-off, .paso-on{
	width: 326px;
	height:auto;
	display: inline-table;
	margin: 0px 0px;
	padding:5px 5px;
	background:#c90106;
	border-radius:0px 50px 50px 0px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:900;
	text-transform:uppercase;
	font-size:21px;
	line-height:23px;
	letter-spacing:1px;
	color:#800004;
	text-align:left;
}
.paso-on{color:#fff;}
.paso-num.big{padding: 16px 5px 15px 10px;}
.paso-off .puntuacion{font-size:16px;line-height:21px;}
.btn-paso{
	width:auto;
	height:auto;
	background:#000054;
	border-radius:50px;
	padding:3px 10px 4px;
    margin: 0px 7px 0px 0px;
	float:right;
	
	font-weight:900;	
	font-size:15px;
	line-height:16px;
	text-align:left;
	letter-spacing: 1px;
	color:#6cd9d7;
	text-decoration:none;
	text-transform:uppercase;
}
.btn-paso:hover{
	background:#060673;
	cursor:pointer;
	color:#fff;
}

.btn-paso#btn-renunciar-test{
	float: none;
	display:table;
	margin: 4px auto 0px;
	padding: 3px 7px 2px;
	line-height: 12px;
	font-size: 12px;
	text-align:center;
}


/** PLACEMENT TEST **/
.audiovisual{
	width:auto;
	height:auto;
	padding:0px 0px;
	margin: 20px auto 0;
	display:table;
	text-align: center;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform:uppercase;
	font-size: 16px;
	line-height:23px;
	letter-spacing:1px;
	color: #fff;
}
.audiovisual .audio{
	width:400px;
	height:auto;
    margin: 0px 10px;
	display:inline-table;
}
.audiovisual .tit{
	width: auto;
	height:auto;
	display: table;
	margin: 10px auto 0px;
	padding: 2px 10px 2px;
	background:#c90106;
	border-radius: 6px 6px 0px 0px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:900;
	text-transform:uppercase;
	font-size: 15px;
	line-height:23px;
	letter-spacing:1px;
	color: #fff;
	text-align:left;
}


/** FORMULARIO: Que Tal Tu Ingles **/
.btn-inicio{
	width: auto;
	height: auto;
	padding: 7px 10px;
	margin: 0px auto;
	text-align:center;
	border-radius:10px;
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	color:#000045;
	font-size: 17px;
	line-height: 20px;
	letter-spacing:0px;
	text-transform:uppercase;
	text-decoration:none;
	z-index: 1000;
	right: 15px;
	position: absolute;
	-webkit-box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,0.3), inset -1px -1px 1px 0 rgba(0,0,0,0.3);
	box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,0.3), inset -1px -1px 1px 0 rgba(0,0,0,0.3);
	background: #66ccca; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM2NmNjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM2NmNjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiMyYzkyOTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #66ccca 40%, #66ccca 40%, #2c9294 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#66ccca), color-stop(40%,#66ccca), color-stop(90%,#2c9294)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #66ccca 40%,#66ccca 40%,#2c9294 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #66ccca 40%,#66ccca 40%,#2c9294 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #66ccca 40%,#66ccca 40%,#2c9294 90%); /* IE10+ */
	background: linear-gradient(to bottom,  #66ccca 40%,#66ccca 40%,#2c9294 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ccca', endColorstr='#2c9294',GradientType=0 ); /* IE6-8 */
}
.btn-inicio:hover{
	cursor:pointer;
	background:#66ccca;
	-webkit-box-shadow:inset -1px -1px 1px 0 rgba(0,0,0,0), inset 1px 1px 1px 0 rgba(0,0,0,0.3), 0 0 0px 0px rgba(0,0,0,0);
	box-shadow:inset -1px -1px 1px 0 rgba(0,0,0,0), inset 1px 1px 1px 0 rgba(0,0,0,0.3), 0 0 0px 0px rgba(0,0,0,0);
}

#contenido-qtti{
	width: 96%;
	height:auto;
	background: url(/img/bg-content.png) top left repeat;
	display:table;
	-webkit-box-shadow: inset 0px 0px 120px 0px rgba(0, 0, 0, 0.7);
	box-shadow: inset 0px 0px 120px 0px rgba(0, 0, 0, 0.7);
	margin: 0px auto;
	float: none;
	text-align: center;
	padding: 0px 2% 19px;
}
.compartir{
	width:auto;
	height:auto;
	display:table;
	margin:0px auto;
	padding: 5px 2% 2px;
	background: #66ccca;
	text-align:center;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 900;
	color: #000066;
	font-size: 18px;
	line-height: 19px;
	letter-spacing: 0px;
	border-top: 4px solid #00004d;
	text-transform: uppercase;
	border-radius: 0px 0px 10px 10px;
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
}
.compartir .txt{padding: 5px 5px 5px 0px;float: left;}

#middle-blanco{
	width:auto;
	max-width:650px;
	height:auto;
	display:table;
	border-radius: 8px;
	background-color: #f5f5f5;
	margin: 20px auto 30px;
	padding: 20px 3% 15px;
}

.txt-completa{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;

	font-size:20px;
    line-height: 27px;
    letter-spacing: 0px;
    display: inline-block;
    padding:0px 0px 10px;
}

.txt-completa strong{font-weight:900;}

#form-clase{
	width:95%;
	max-width:710px;
	height:auto;
	display:table;
	margin: 0px auto 0px;
	padding: 0px 1%;
}

#form-clase .texto_es{
	width: auto;
	font-family:"Lato", Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:15px;
	text-transform:uppercase;
	display:table;
	margin: 10px auto 0px;
	color: #000;
	letter-spacing: 1px;
	text-align:center;
}
#form-clase .campo input, #form-clase select.textfield{
	width:95%;
	max-width:300px;
	height:36px;
	border:0px;
	font-family:"Lato", Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:24px;
	color: #000;
	text-align:left;
	vertical-align:middle;
	margin:7px 0px;
	padding:0px 1% 2px;
	letter-spacing:0px;
	background: #fff;
	border: 1px solid #dd0000;
}
#form-clase select.textfield{
	max-width:315px;
	height:40px;

}
.nota{
	width:92%;
	max-width: 675px;
	height:auto;
	display:table;
	margin: 10px auto;
	padding: 0px 2%;
	text-align: center;
	font-family:"Lato", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0px;
	color: #000;
}

.asterisco{
	width:auto;
	height:auto;
	display:inline-table;
	margin: 0px auto 0px;
}

#form-clase .btn-enviar{
	width: auto;
	height:auto;
	display:table;
	margin: 20px auto 20px;
	padding: 20px 20px;
	border-radius:10px;
	text-align:center;
	text-transform:uppercase;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 700;
	color:#fff;
	font-size: 18px;
	line-height: 15px;
	text-decoration:none;
	letter-spacing: 2px;
	border: none;
	background: #c7000c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c7000c 0%, #7d0008 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7000c), color-stop(100%,#7d0008));
	background: -webkit-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: -o-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: -ms-linear-gradient(top,  #c7000c 0%,#7d0008 100%);
	background: linear-gradient(to bottom,  #c7000c 0%,#7d0008 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7000c', endColorstr='#7d0008',GradientType=0 );
}
#form-clase .btn-enviar:hover{
	background:#7d0008;
	cursor:pointer;
	-webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	box-shadow: 0 0 0px 0px rgba(0,0,0,0);
}


#examen{
	width:auto;
	max-width:650px;
	height:auto;
	display:table;
	margin: 0px auto 0px;
	padding: 20px 2% 15px;
	color:#fff;
}
#examen .txt{
	color:#fff;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 23px;
	padding: 10px 2% 15px;
}
#examen .txt-nivel{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: 2px;
	display: table;
	text-align: center;
	margin: 0px auto;
	background: #00004d;
	padding: 9px 15px 10px;
	border-radius: 8px;
	color: #fff;
	text-transform:uppercase;
}
#examen .txt-nivel .quizolution-result-number{
	font-size: 50px;
	line-height: 52px;
}


#middle-negro{
	width:90%;
	max-width:820px;
	height:auto;
	display:table;
	border-radius: 8px;
	background-color: rgba(0,0,0,0.4);
	margin: 0px auto 0px;
	padding: 0px 3% 15px;
}

.ati-video{
	padding: 0 8px;
	color:#fff;
	background:#060673;
	border-radius:10px;
	text-align: center;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 35px;
}


/** PIE **/
#pie{
	width:100%;
	height:auto;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:13px;
	color:#00004d;
	padding:0px 0px 20px;
}
.columbia-multimedia{margin:15px auto 0px; display:table; padding-bottom:8px;}

.contacto{
	width:100%;
	height:auto;
	display:table;
	margin: 0px auto;
	text-align:center;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.6px;
	background-color:#00004d;
	color:#fff;
	font-family: 'geometric415black-bt', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.contacto a{
	display:table;
	margin: 0px auto;
	color:#fff;
	padding: 7px 10px;
	text-decoration: none;
}
.contacto a:hover{color:#66ccca;}


@media screen and (max-width:1030px){
	#matricula{width:96%;margin: 0px auto 10px;}
}
@media screen and (max-width:1020px){
	#top-land{
		width:100%;
		height: 250px;
		margin: 0px auto;
		background: url('../img/learning-english.png') 256px 50px no-repeat;
	}
	.modulo-medio{
		width:350px;
		margin:0px 0px 0px;
	}
	.dots{line-height: 17px;}
}
@media screen and (max-width:1105px){
	.modulo-registro{width: 390px;}
	#matricula .modulo-registro{width: 400px;}
	#registroForm .textfield{width: 200px;}
	#registroForm select.textfield{width: 205px;}
	#matricula .modulo-desc{
		width:94%;
		padding:12px 3%;
	}
	.modulo-registro li{padding: 1px 0px 3px;}
	
	.contenido.xmas .modulo-registro:first-child{width: 330px;}
	.contenido.xmas .modulo-registro:last-child{width: 460px;}

}
@media screen and (max-width: 1000px){
	.modulo-registro{margin: 0px 10px 20px;}
	#matricula .modulo-registro{margin: 0px 5px 20px;}
	#registro .dots, .contenido.xmas .dots{
			width:auto;
			display:table;
			margin:0px auto 10px;
			font-size: 22px;
			line-height: 15px;
			text-align:center;
	}
	#matricula .dots{margin: -10px 0px 0px;}
	#registroForm .textfield, #registroForm select.textfield{
		width:98%;
		font-size:22px;
		padding: 5px 0px 5px 1%;
	}
	#registroForm select.textfield{width:99%;}
	.FormEmail{width:99%;}

	.modulo-registro:first-child{margin: 0px auto 10px; display:table;width: 90%;}
	.modulo-registro:last-child{margin: 0px auto 10px; display:table;width: 60%}
	#matricula .mejora{margin: 20px auto 0px;}
	.modulo-registro.mnet:last-child, .modulo-registro.mnet:first-child{float:none; margin: 0px auto 10px; display: table;}
	.texto_es.small{text-align:center; margin:0px 5px;}
	
	.contenido.xmas .modulo-registro:first-child{width: 85%;max-width:600px;margin:30px auto 12px;padding-left: 20px;}
	.contenido.xmas .modulo-registro li{padding:7px 0px;}
	.contenido.xmas .modulo-registro:last-child{width: 95%;max-width:600px;margin: 0px auto 10px;}

	.videoWrapper{
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		height: 0;
	}
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.ati-video{padding: 0 8px 10px;}

}
@media screen and (max-width: 955px){
	#master{
		background: url('../img/curso-de-ingles.png') center 50px no-repeat;
	}
	#top-land{
		width:100%;
		height: 410px;
		margin: 0px auto;
		background: url('../img/learning-english.png') center 220px no-repeat;
	}
	#top-land .logo{
		float:none;
		clear:none;
		margin: 5px auto 0px;
		display:table;
	}
	#top-land h1{
		float:none;
		clear:none;
		margin: 3px auto 0px;
		display:table;
		text-align:center;
		width: auto;
	}
}
@media screen and (max-width:930px){
	#matricula .modulo-registro.a{width: 270px;}
	.tit-blue{font-size:28px; line-height:24px; letter-spacing:0px;}
}

@media screen and (max-width:770px){
	.modulo-medio{
		width: 90%;
		height:auto;
		display:table;
		margin:0px auto 0px;
	}
	.modulo-medio input{
		width:auto;
		height:auto;
		margin:10px auto 0px;
		display:table;
	}
	.dots{
		width:auto;
		display:table;
		margin:0px auto 10px;
		font-size: 40px;
		line-height: 15px;
		text-align:center;
	}
	#matricula .modulo-registro, #matricula .modulo-registro.a{width:95%;}
	#matricula .nivel{width: 46%; padding: 10px 2%;}
	#matricula .modulo-registro.a .niveles{width: 100%;}
	#matricula .dots{margin: -10px auto 10px;}
	.btn-deposito{margin: 13px auto 30px;}
}

@media screen and (max-width: 700px){
	#top-land{
		background: none;
		height: auto;
		margin: 0px auto 10px;
	}
	#top-land h1 {
		font-size: 20px;
		line-height: 21px;
	}
	#top-land h1 .big {
		font-size: 27px;
		line-height: 29px;
	}
	#top-land h1 strong {
		font-weight: 900;
		font-size: 23px;
		line-height: 24px;
	}
}

@media screen and (max-width: 600px){
	.info-precio .precio{
		font-size:60px;
		line-height: 60px;
		margin:15px auto;
	}
	#matricula .modulo-desc{
		width: 90%;
		padding: 12px 5%;
	}
	.modulo-desc{min-width: initial;}
	.tit-blue{font-size:20px;line-height: 22px;padding: 8px 1% 8px;}
	.modulo-registro:last-child{width: 90%;}
}
@media screen and (max-width: 545px){
	.btn-inicio{
		display:table;
		margin: 5px auto 0px;
		z-index: 0;
		right:inherit;
		position: relative;
		font-size: 14px;
		line-height: 13px;
		padding: 6px 10px;
	}
}
@media screen and (max-width: 480px){
	.modulo-registro{
		width: 95%;
		margin:0px auto 15px;
		display:table;
	}
	#matricula ul{width:98%;}
	#matricula li{line-height: 20px;}
	.contenido.xmas .dots{ font-size: 30px;}
}

@media screen and (max-width: 460px){
	.mejora{
		width:100%;
		margin: 10px auto 0px;
	}
}

@media screen and (max-width: 450px){
	.paso{
    	width: 100%;
	}
	.paso-num{
    	border-radius: 10px 10px 0px 0px;
	}
	.paso-off, .paso-on{
    	border-radius: 0px 10px 10px 10px;
    	width: 92%;
    	padding: 5px 4%;
	}
	.btn-paso{
		display:table;
		margin: 5px auto 0;
		float:none;
	}
}


@media screen and (max-width: 444px){
	#matricula .nivel{width: 90%; padding: 10px 0%;margin: 0px auto;}
	#matricula .dots{font-size: 32px;}
}



@media screen and (max-width: 418px){
	.tit-red{font-size: 32px;line-height: 34px;}
}


@media screen and (max-width: 410px){
	#matricula .ini-ses .btn-registrarse{margin: 13px auto 0px;}
	.compartir{max-width: 170px;padding: 8px 2% 5px;}
	.compartir .txt{padding: 0px 5px 5px;float: none;}
}
@media screen and (max-width: 375px){
	.FormEmail{min-width: initial;}
}
@media screen and (max-width: 350px){
	#master{background: url('../img/curso-de-ingles.png') center 100px no-repeat;}
/*	#top-land{
		height: 435px;
		background: url('../img/learning-english.png') center 245px no-repeat;
	}*/
	#top-land .logo{width:90%;}
	.tit-red{font-size: 24px;line-height: 26px;}
	#matricula .dots{font-size: 27px;}
	#matricula .aprende{width:90%;}
	.modulo-gris{width: 90%; min-width:initial;}
	#examen .txt-nivel{
		font-size: 26px;
		line-height: 27px;
		letter-spacing: 1px;
		padding: 9px 10px 10px;
	}
}
@media screen and (max-width: 305px){
	.btn-play, .btn-answer{padding:20px 0px;}
}
@media screen and (max-width: 300px){
/*	#top-land{background: url('../img/learning-english.png') -49px 245px no-repeat;}*/
	#registro .dots, .contenido.xmas .dots{
			font-size: 36px;
			line-height: 5px;
	}
	#matricula .dots{font-size: 23px;letter-spacing:0px;}
	.contenido.xmas .dots{ font-size: 31px;}

}
@media screen and (max-width: 295px){
	.btn-reset{
	    font-size: 15px;
	    letter-spacing: 0px;
	}
}