@font-face {
    font-family: 'CabinCondensedBold';
    src: url('/materiales/_recursos/fonts/cabincondensed-bold.eot');
    src: url('/materiales/_recursos/fonts/cabincondensed-bold.eot?#iefix') format('embedded-opentype'),
         url('/materiales/_recursos/fonts/cabincondensed-bold.woff') format('woff'),
         url('/materiales/_recursos/fonts/cabincondensed-bold.ttf') format('truetype'),
         url('/materiales/_recursos/fonts/cabincondensed-bold.svg#CabinCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

header,footer,article,section,hgroup,figure{
	display:block;
}
*{
	margin:0px;
	padding:0px;
}
img{
	border:0px;
}

body{
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0px auto;
	background: url(/img/bg.png) repeat top left #343440;
}
#master{
	width:100%;
	height:auto;
	display:table;
}
header{
	width:990px;
	height:156px;
	margin:auto;
   	background:#192564;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4d99', endColorstr='#000b40'); /* IE6-8 */
	background-image: linear-gradient(bottom, rgb(0,11,64) 0%, rgb(61,77,153) 90%);
	background-image: -o-linear-gradient(bottom, rgb(0,11,64) 0%, rgb(61,77,153) 90%);
	background-image: -moz-linear-gradient(bottom, rgb(0,11,64) 0%, rgb(61,77,153) 90%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,11,64) 0%, rgb(61,77,153) 90%);
	background-image: -ms-linear-gradient(bottom, rgb(0,11,64) 0%, rgb(61,77,153) 90%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,11,64)),
		color-stop(0.9, rgb(61,77,153))
	);
}
header img{
	margin:16px 0 14px 50px;
	float:left;
	clear:none;
}

header#discovery{
	width:990px;
	height:156px;
	margin:auto;
   	background:#192564;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4d99', endColorstr='#000b40'); /* IE6-8 */
	background-image: linear-gradient(bottom, rgb(0,11,64) 0%, rgb(61,77,153) 90%);
	background-image: -o-linear-gradient(bottom, rgb(0,11,64) 0%, rgb(61,77,153) 90%);
	background-image: -moz-linear-gradient(bottom, rgb(0,11,64) 0%, rgb(61,77,153) 90%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,11,64) 0%, rgb(61,77,153) 90%);
	background-image: -ms-linear-gradient(bottom, rgb(0,11,64) 0%, rgb(61,77,153) 90%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,11,64)),
		color-stop(0.9, rgb(61,77,153))
	);
}



h1{
	width:auto;
	height:auto;
	float:right;
	clear:none;
	padding:8px 10px;
	margin:45px 0px 0px 0px;
	border:1px solid #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;	
	font-size:30px;
	line-height:40px;
	letter-spacing:0px;
	text-transform:uppercase;
	color:#fff;
	text-shadow: 0px 0px 3px #000000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=4);
    filter: dropshadow(color=#000000, offx=0, offy=0);
}
h1 .blue{
	color:#9fdff5;
}
h1 .green{
	color:#acef81;
}

h1.discovery{
	font-size: 25px;
	line-height:30px;
	padding: 7px 10px 7px 10px;
	margin: 50px 30px 0px 0px;
}
.logo-discovery{
	width: 290px;
	height:auto;
	float:left;
	clear:none;
	/*padding: 9px 0px 8px 0px;
	margin: 30px -15px 0px 0px;*/
	margin: 36px 0px 0px 20px;
}
header#discovery .ql-disc{
	float:right;
	width: 200px;
	margin: 21px -20px 20px 0px;
}
header#discovery .ql-disc.login{
	margin: 21px 20px 20px 0px;
}



#programa .contenido{
	width:900px;
	height:3200px;
	background-color:#fff;
	padding: 22px 45px 0;
	margin:0 auto 0;
	display:table;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:25px;
	color:#0c1852;
	letter-spacing:1px;
	text-align:left;
}

#categoria .contenido, #contact .contenido, #quick-autotest .contenido, #login .contenido{
	width:930px;
	height:780px;
	background-color:#fff;
	margin:0px auto;
	padding: 22px 30px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:25px;
	color:#0c1852;
	letter-spacing:1px;
	text-align:left;
}
#contact .contenido, #login .contenido{height:auto;}
#quick-autotest .contenido{height:auto; display:table;}
#tit, .descripcion{
	width:790px;
	height:auto;
	float:left;
	clear:both;
	margin:5px 95px 20px 0px;
	padding-bottom:20px;
	font-size:13px;
	text-align:left;
	letter-spacing:0px;
	line-height:20px;
}
#tit, #tit-dt{
	width:84%;
	display:inline;
	float:left;
	clear:none;
	font-size:40px;
	font-weight:bold;
	margin:0px;
	line-height:45px;
}
#tit-dt{margin: 0px 0px 0px 50px;}

.join{
	width:auto;
	height:auto;
	float:left;
	clear:none;
	margin:0px 0px 0px 15px;
}
.shop{
	width:417px;
	height:auto;
	float:left;
	clear:none;
	margin:20px 0px 0px 14px;
	padding:16px 0px 8px 16px;
	border-radius:10px;
	background:#e5e5e5;
}
.shop-img{
	width:auto;
	height:auto;
	float:right;
	clear:none;
	margin:-57px 2px 0px 0px;
}
#tit-nocode{
	width:auto;
	display:inline;
	float:left;
	clear:none;
	margin-bottom: 5px;
	font-size:27px;
	line-height:27px;
	font-weight:bold;
	text-transform:uppercase;
	color:#1b286b;
	letter-spacing:0px;
	text-align:left;
}
.nocode-txt{
	width: 280px;
	margin: 7px 0px 0px 0px;
	color: #1b286b;
	font-size: 14px;
	line-height:21px;
	letter-spacing: 0px;
	display:table;
	text-align:left;
}
.pasos{
	width: 915px;
	height: 108px;
	padding: 0px;
	margin: 0px auto;
	/*display: table;*/
}
/*.pasos{
	width:915px;
	height:108px;
	padding:0px;
	position:relative;
	left:-20px;
	top:15px;
}*/
/*#pasos-test{
	padding: 0px 0px 0px 0px;
	display: table;
	background: url(/img/pasos-autotest.png) no-repeat top left;
}*/
.pasos-test{
	width:100%;
	height:auto;
	/*display:table;*/
	margin:0px auto 0px;
	padding-top: 13px;
}
.pasos-test-mov{display:none;}

#pasos-resultado{
	width:90px;
	height:35px;
	float:right;
	clear:none;
	margin:0 9px 0 0;
	text-align:center;
}
.pasos-resultado{
	width:70px;
	height:16px;
	margin:65px 7px 0 7px;
	padding:7px 4px 10px 4px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius:11px;
	border:1px solid #80c56b;
	cursor:default;

	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#357b00;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
	text-decoration:none;

   	background:#9adf64;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f6c1', endColorstr='#74d22c');
	background-image: linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -o-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -moz-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -webkit-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -ms-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(116,210,44)),
		color-stop(0.8, rgb(217,246,193))
	);
}

.bloque_categoria{
	width:94%;
	max-width:700px;
	height:auto;
	float:left;
	clear:none;
	letter-spacing:0px;
}

a.bloque_categoria{
	width:95%;
	height:50px;
	float:left;
	clear:none;
	margin:0px 0px 13px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:25px;
	text-align:left;
	color:#08144c;
	letter-spacing:0px;
	text-align:left;
	text-decoration:none;
	line-height:20px;
	padding-right:20px;
}
a.bloque_categoria:hover{
	color:#fff;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius:11px;
	background-color:#aff086;
	text-decoration:none;
}
.categoria_aprender, .categoria_propia{
	height:25px;
	font-weight:bold;
	font-size:24px;
	line-height:30px;
}
.categoria_propia{
	height:15px;
	float:left;
	clear:none;
	font-size:20px;
	line-height:15px;
	color:#9fdff5;
	line-height:15px;
}
.numero{
	width:50px;
	height:50px;
	float:left;
	clear:none;
	margin-right:12px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius:11px;
	background-color:#aff086;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:40px;
	line-height:52px;
	color:#010c42;
	text-align:center;
	text-decoration:none;
}

section#categoria .numero{margin: 0px 12px 30px 0px;}
section#categoria .categoria_aprender{/*VER*/}

a.bloque_categoria:hover .numero, a.bloque_categoria:hover .categoria_aprender, a.bloque_categoria:hover .categoria_propia{
	color:#fff;
}
.tit-table{
	width:100%;
	height:auto;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#aeaeb3;
	letter-spacing:normal;
	padding:5px 0 2px 0;
	text-align:left;
}
.btn-nota {
    width:244px;
    height:19px;
    float:right;
    clear:both;
    text-align:center;
    padding: 5px 10px 0px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    border:1px solid #80c56b;
    cursor:pointer;
    text-decoration: none;

    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:11px;
    color:#357b00;
    letter-spacing:1px;
    text-align:center;

    background:#9adf64;
}
#tit-table-test{
	width:575px;
	height:15px;
	border-collapse:collapse;
	border-spacing:0px;
	border-width:0px;
	background-color:#FFFFFF;
	float:left;
	clear:none;
	color:#aeaeb3;
	padding:10px 0 2px 0;
	margin-top:10px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	letter-spacing:normal;
}
#tit-table-test .aciertos{
	background-color:#FFFFFF;
}

#autotest_zone {
	float:left;
	clear:none;
}

/*#autotest_content {
	display: inline;
	float:left;
	clear:none;
	height: 600px;
	overflow-y: auto;
}*/
#autotest_content table{
	*width:600px;*
	width:auto;
	border-collapse:collapse;
	border-spacing:0px;
	border-width:0px;
	border:none;
}
#autotest_content .num td{width:57px;}
#autotest_content td.txt{width:240px;}
#autotest_content td.mostrar{width:240px;}
#autotest_content td.escuchar{width:40px;}
#autotest_content td.checkbox{width:30px;}


#table_autotest table{
	width:600px;
	border-collapse:collapse;
	border-spacing:0px;
	border-width:0px;
	border:none;
	float:left;
	clear:none;
}
#table_autotest .texto1 td{width:218px; margin-left:7px;}
#table_autotest td.bt_mostrar{width:230px;}
#table_autotest td.bt_escuchar{width:40px;}
#table_autotest td.checkbox{width:38px;}

#autotest_result{
	width:607px;
	height:60px;
	background-color:#e5e5e5;
	float:left;
	clear:none;
}
#textos{
	width: 461px;
/*	width: 607px;*/
	height: 360px;
	overflow-y: auto;
	margin-bottom:10px;
}
#textos table{
	width: 100%;
	border-collapse:collapse;
	border-spacing:0px;
	border-width:0px;
	border:none;
}
#textos .palabras td{width:405px;}
#textos td.controls{width:130px;}
#textos .numtd td{width:57px;}

.numero.blue{
	width:41px;
	height:38px;
	color:#d1f4ff;
	background-color:#3f517a;
	font-size:32px;
	padding:0px;
	margin:11px 7px 11px 7px !important;
	line-height:38px;
	letter-spacing:0px;
}

#textos .texto1{
	width:auto;
}
.texto1, .texto2, .texto3{
	width:auto;
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	color:#0c1852;
	vertical-align:middle;
	letter-spacing:0px;
}
.texto2{
	width:auto;
	color:#00799E;
	margin-left:0px;
}


tr:nth-child(odd){
	width:100%;
	background-color:#d1f4ff;
}
tr:nth-child(even){
	width:100%;
	background-color:#e0f7ff;
}
.bt_escuchar, .bt_grabar, .bt_stop, .bt_comparar, .btn_mostrar{
	width:25px;
	height:24px;
	float:left;
	clear:none;
	padding:0px;
	margin:5px 0px 0px 6px;
}
.bt_escuchar{
	background: url(/img/btn-play-rec.png) no-repeat top left;
}
.bt_grabar{
	background: url(/img/btn-play-rec.png) no-repeat top right;
}
.bt_stop{
	background: url(/img/btn-stop-compare.png) no-repeat top left;
}
.bt_comparar{
	background: url(/img/btn-stop-compare.png) no-repeat top right;
	margin:5px 6px 0px 6px;
}
.btn_mostrar{
	background: url(/img/btn-mostrar.png) no-repeat top left;
}
.bt_escuchar:hover{
	background: url(/img/btn-play-rec.png) no-repeat bottom left;
}
.bt_grabar:hover{
	background: url(/img/btn-play-rec.png) no-repeat bottom right;
}
.bt_stop:hover{
	background: url(/img/btn-stop-compare.png) no-repeat bottom left;
}
.bt_comparar:hover{
	background: url(/img/btn-stop-compare.png) no-repeat bottom right;
}
.btn_mostrar:hover{
	background: url(/img/btn-mostrar.png) no-repeat bottom left;
}

#voice-zone, #player-zone{
	width:250px;
	height:345px;
	float:right;
	clear:none;
	background-color:#eaf8e0;
	margin:0px;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:25px;
	line-height:34px;
	color:#a0c689;
	text-align:left;
	letter-spacing:0px;
}
#player-zone{
	height:82px;
	float:right;
	clear:none;
	padding:343px 8px 8px 8px;
	margin: 40px 20px 0px 0px;
	background: url(/img/img-autotest.jpg) no-repeat top right #eaf8e0;
}
#voice-zone li{
	list-style-position:inside;
	list-style-type:disc;
	padding-bottom:5px;
}
.separacion{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:18px;
	color:#A0C987;
	letter-spacing:3px;
	text-align:center;
	line-height:8px;
}
.botones{
	width:56px;
	height:auto;
	float:right;
	clear:none;
}
.btn-volver-pg{
	width:56px;
	height:51px;
	float:right;
	clear:left;
	margin:0px 0px 7px 0px;
	background: url(/img/arrow.png) no-repeat top right;
}
.btn-volver-pg:hover{
	background: url(/img/arrow.png) no-repeat bottom right;
}
.btn-volver, #login .btn-volver{
	width:56px;
	height:51px;
	float:right;
	clear:none;
	margin:0px;
	background: url(/img/arrow.png) no-repeat top right;
}
.btn-volver:hover, #login .btn-volver:hover{
	background: url(/img/arrow.png) no-repeat bottom right;
}
#login .btn-volver, .btn-volver.login{
	margin: 0px auto 0px;
	position: absolute;
	top: 5px;
	z-index: 100;
	/* right: 50%; */
	/* left: 50%; */
	float: none;
}


#login .btn-volver.login{
	margin: 0px 15px 0px -70px;
	float: right;
	position: relative;
	top: -18px;
}




.btn-video{
	width:56px;
	height:51px;
	float:right;
	clear:none;
	margin:0px;
	background: url(/img/arrow.png) no-repeat top left;
	margin-left:15px;
}
.btn-video:hover{
	background: url(/img/arrow.png) no-repeat bottom left;
}
.btn-top{
	width:80px;
	height:52px;
	float:right;
	clear:none;
	background: url(/img/arrow-top.png) no-repeat top right;
	position:fixed;
	bottom:70px;
	right:0px;
/*	margin-right:40px;*/
}
a.btn-top:hover{
	background: url(/img/arrow-top.png) no-repeat bottom right;
}
/*.btn-top{
    -moz-border-radius: 11px 0 0 11px;
    -webkit-border-radius: 11px 0 0 11px;
	border-radius:11px 0 0 11px;
}
.btn-top:hover{
    -moz-border-radius: 11px 0 0 11px;
    -webkit-border-radius: 11px 0 0 11px;
	border-radius:11px 0 0 11px;
}

.btn-resultado{
	width:auto;
	height:16px;
	padding:8px 9px;
	margin:none;
}

.btn-resultado{
	width:auto;
	height:35px;
	padding:0px 5px 0 0;
	padding: 2px 5px 0px 5px;
}*/
.btn-resultado{
	width:auto;
	height:35px;
	padding:0px 8px;
	float:right;
	clear:none;
	margin:10px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius:11px;
	border:1px solid #80c56b;
	cursor:pointer;

	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
	color:#357b00;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
	text-decoration:none;

   	background:#9adf64;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f6c1', endColorstr='#74d22c'); /* IE6-8 */
	background-image: linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -o-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -moz-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -webkit-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -ms-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(116,210,44)),
		color-stop(0.8, rgb(217,246,193))
	);
}
.btn-resultado:hover{
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius:11px;
	border:1px solid #357b00;
	color:#357b00;
	background:#53b706;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53b706', endColorstr='#53b706');
}
.btn-autotest, .btn-fullautotest{
	width:338px;
	height:86px;
	display:inline-table;
/*	float:left;
	clear:none;*/
	background: url(/img/btn-autotest.png) no-repeat top left;
	margin:10px 0px 0 0px;
	padding:0;
}
.btn-fullautotest{
	background: url(/img/btn-autotest.png) no-repeat top right;
	margin:10px 0px 0 15px;
}
.btn-autotest:hover{
	background: url(/img/btn-autotest.png) no-repeat bottom left;
}
.btn-fullautotest:hover{
	background: url(/img/btn-autotest.png) no-repeat bottom right;
}

/*
.btn-resultado{
	width:auto;
	height:35px;
	padding:0px 5px 0 0;
	text-align:center;
	margin:10px;
	padding: 2px 5px 0px 5px;
/*	margin:8px 0 4px 16px;
	padding-top:2px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius:11px;
	border:1px solid #80c56b;
	cursor:pointer;

	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:28px;
	color:#357b00;
	letter-spacing:1px;
	text-align:center;

   	background:#9adf64;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f6c1', endColorstr='#74d22c'); /* IE6-8 */
/*	background-image: linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -o-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -moz-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -webkit-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -ms-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(116,210,44)),
		color-stop(0.8, rgb(217,246,193))
	);
}
.btn-enviar:hover{
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius:11px;
	border:1px solid #357b00;
	color:#388101;
	background:#53b706;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53b706', endColorstr='#53b706');
}*/

/*.btn-autotest:hover{
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0), 0px 0px 0px rgba(0, 0, 0, 0.0);
}
.quick, .full{
	width:61px;
	height:74px;
	position:relative;
	top:-60px;
	left:-60px;
}
/*.full{
	width:61px;
	height:74px;
	position:relative;
	top:-60px;
	left:240px;
}*/

/** REFERENCIAS **/
#referencias{
	width:904px;
	height:auto;
	float:left;
	clear:none;
	border-bottom:3px solid #fff;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	background-color:#ebebeb;
	margin:0px;
	padding:17px 30px 22px 50px;
	color:#343440;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	text-transform:none;
	letter-spacing:0px;
	text-align:left;
}
.referencias{
	-moz-column-count: 2;
	-moz-column-gap:0px;
	-webkit-column-count: 2;
	-webkit-column-gap:0px;
	column-count: 2;
	column-gap:0px; 
}
.ref-texto{
	width:auto;
	height:min-height;
	float:left;
	clear:none;
	display:block;
/*	padding:25px;*/
	margin:5px 10px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	line-height:25px;
	padding-top:3px;
}
.ref_escuchar, .ref_grabar, .ref_stop, .ref_comparar{
	width:25px;
	height:25px;
	float:left;
	clear:none;
	margin:0px 5px 0px 0px;
	background: url(/img/btn-play-rec.png) no-repeat top left;
}
.ref_grabar{
	background: url(/img/btn-play-rec.png) no-repeat top right;
}
.ref_stop{
	background: url(/img/btn-stop-compare.png) no-repeat top left;
}
.ref_comparar{
	background: url(/img/btn-stop-compare.png) no-repeat top right;
}
/** PIE **/
footer{
	width: 962px;
	height:32px;
	margin: auto;
	background:#bce9f8;
	padding:0 22px 0 0;
	border:solid #fff;
	border-style:solid;
	border-color:#fff;
	border-top-width: 3px;
	border-bottom-width:3px;
	border-left-width:3px;
	border-right-width:3px;
	/*	border:3px solid #fff;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#010c42;
	text-align:right;
	line-height:33px;
}
footer a.txt{
	color:#010c42;
	text-decoration:none;
}
footer a.txt:hover{
	text-decoration:underline;
}
.txt-politica{
	width:auto;
	height:20px;
	float:right;
	clear:left;
	padding:14px 0px 10px 0;
	text-align:right;
	color:#fff;
	font-size:9px;
	text-decoration:none;
	line-height:10px;
	cursor:pointer;
}
.txt-politica:hover{
	text-decoration:underline;
}

/** LOGIN **/
#tit-small{
	width:839px;
	float:left;
	clear:none;
	font-size:22px;
	font-weight:bold;
	margin:0px;
	line-height:35px;
	letter-spacing:0px;
}
#login .contenido, #login .contenido-login-dt{
	width: 990px;
	height:auto;
	display:table;
	background-color:#fff;
	margin:0px auto;
	padding:22px 0px 20px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:25px;
	color:#0c1852;
	letter-spacing:0px;
	text-align:left;
}
#login .contenido-login-dt{
	width: 990px;
	height: auto;
	background: url(/img/boys-with-clock.png) no-repeat bottom right ,
				url(/img/bg-verde.png) repeat-x bottom right, #fff;
	padding: 12px 0px 43px 0px;
	margin: 0px auto 0px;
}

.contenido-login-dt .tit-aprende, .contenido-login-dt .txt-aprende{
	height: auto;
	float:left;
	display:block;
	margin: 15px 0px -20px 50px;
	padding:0px;
	}
.contenido-login-dt .txt-aprende{margin: 20px 0px -30px 50px;}

.label, .label-a{
    width:375px;
    height:auto;
    float:left;
    clear:left;
    font-size:19px;
    line-height:37px;
	font-weight:bold;
	padding-top:3px;
	text-align:left;
}
.label-a{
    width:355px;
}
.label-dt{
	width: auto;
	height:auto;
	display: table;
	/* float:left; */
	/* clear:left; */
	font-size:19px;
	line-height:48px;
	background-color:#e0e0e0;
	border-radius:20px;
	padding:10px 20px;
	margin: -5px 0px 10px 35px;
}

.students-b {
	position: relative;
	left: 406px;
	top: -341px;
	display:none;
}
.label-dt .caja{display:inline-block; float:none;}
.label-dt .caja input{display:inline-block; float:none; margin:0px 10px;}
.label-dt .submit{display:inline;}

/*.label input{
    width:220px;
    height:30px;
    margin:9px 0 10px 0;
    padding-left:3px;
    background-color:#FFF;
    border:1px solid #00aacc;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:21px;
    color:#0c1852;
    text-transform:none;
    line-height:30px;
    float:right;
    clear:none;
}*/


.tipo-usuario {
	width: 100%;
	height:auto;
	padding: 0px 0px 3px;
	font-weight: bold;
	font-size: 30px;
	display: inline-block;
	text-align: center;
	color:#4759b2;
}
/*.tipo-usuario.registrado{
	margin:0px 0px 0px 20px;
	width:411px;
}*/

.tit-land-2{
	width: 96%;
	height:auto;
	margin:0px auto;
	padding: 0px 0px 0px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 27px;
	line-height: 30px;
	text-align: center;
	color:#0c1852;
}

.form-login-br{
	width:394px;
	height:auto;
	border-radius:10px;
	display:inline-table;
	padding:13px 0px 13px 0px;

	background: rgba(180,255,163,1);
	background: -moz-linear-gradient(top, rgba(180,255,163,1) 0%, rgba(94,204,70,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(180,255,163,1)), color-stop(100%, rgba(94,204,70,1)));
	background: -webkit-linear-gradient(top, rgba(180,255,163,1) 0%, rgba(94,204,70,1) 100%);
	background: -o-linear-gradient(top, rgba(180,255,163,1) 0%, rgba(94,204,70,1) 100%);
	background: -ms-linear-gradient(top, rgba(180,255,163,1) 0%, rgba(94,204,70,1) 100%);
	background: linear-gradient(to bottom, rgba(180,255,163,1) 0%, rgba(94,204,70,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ffa3', endColorstr='#5ecc46', GradientType=0 );
}

.form-login{
	width:394px;
	height:auto;
	border-radius:10px;
	display:inline-table;
	padding:13px 0px 13px 16px;

	background: rgba(180,255,163,1);
	background: -moz-linear-gradient(top, rgba(180,255,163,1) 0%, rgba(94,204,70,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(180,255,163,1)), color-stop(100%, rgba(94,204,70,1)));
	background: -webkit-linear-gradient(top, rgba(180,255,163,1) 0%, rgba(94,204,70,1) 100%);
	background: -o-linear-gradient(top, rgba(180,255,163,1) 0%, rgba(94,204,70,1) 100%);
	background: -ms-linear-gradient(top, rgba(180,255,163,1) 0%, rgba(94,204,70,1) 100%);
	background: linear-gradient(to bottom, rgba(180,255,163,1) 0%, rgba(94,204,70,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ffa3', endColorstr='#5ecc46', GradientType=0 );
}
.form-login .tit{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:38px;
	line-height:34px;
	color:#002b5a;
	text-align:left;
}
.caja input, .caja-long input, .caja-br{
    width:250px;
    height:35px;
    margin:0px 0 0px 0;
    padding-left:3px;
    background-color:#fff;
    border:1px solid #00aacc;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:21px;
    color:#0c1852;
    text-transform:none;
    line-height:30px;
    float:right;
    clear:none;
}
.caja-br{
    width:300px;
	float: none;
	clear: none;
	margin: 10px auto;
	display: block;
}
#UsuarioLogin{background-color:#fff;}
.caja-long input{
    width:280px;
	/*margin-right:-45px;*/
}
.caja-msj textarea{
    width:365px;
	height:90px;
    margin:9px 0 10px 0;
    padding-left:3px;
    background-color:#fff;
    border:1px solid #00aacc;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:12px;
    color:#0c1852;
    text-transform:none;
    line-height:15px;
}
.label input:focus, .caja input:focus, .caja-msj textarea:focus{
    border: 1px solid #ACEF81;
}
.label-dt .caja{display:inline-block; float:none;}
.label-dt .caja input{display:inline-block; float:none; margin:0px 10px;}
.label-change, .label-change-a{
	width:530px;
	height:auto;
	float:left;
	clear:both;
	font-size:20px;
	line-height:48px;
}
.label-change-a{
	width:285px;
}
.aclaracion, .pass-forgot{
    width:242px;
    height:auto;
	float:right;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    line-height:14px;
    letter-spacing:0px;
    color:#002b5a;
    text-transform:none;
    text-decoration:none;
	padding:2px 12px 4px 0px;
	margin:0px;
	text-align:left;
}
.pass-forgot{
	width: 190px;
	display:inline-block;
	padding:15px 0px 0px 10px;
	float:left;
	line-height:0px;
}
a.pass-forgot{
	width:auto;
    text-decoration:underline;
	padding:15px 0px 0px 0px;
}
a.pass-forgot:hover{
    text-decoration:none;
}

.pwd-frgt-center{
	width:65%;
	height:auto;
	text-align:center;
	float:left;
	clear:both;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}
.label-login{
	width:auto;
    height:40px;
	display:table;
	padding:40px 0px 0px 26px;
	margin: 0px auto -20px;
}
.btn-login, .btn-login-dt{
    width:auto;
    height:40px;
    /*float:right;
    clear:both;*/
    text-align:center;
    padding: 0px 9px 1px 9px;
    margin:4px 0 0px 280px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius:11px;
    border:1px solid #80c56b;
    cursor:pointer;

    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:22px;
    color:#357b00;
    letter-spacing:1px;

    background:#9adf64;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f6c1', endColorstr='#74d22c');
    background-image: linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
    background-image: -o-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
    background-image: -moz-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
    background-image: -webkit-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
    background-image: -ms-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(116,210,44)),
        color-stop(0.8, rgb(217,246,193))
    );
}
.pin-code #btn-ingreso{
	float:none;
	display:table;
    margin:5px auto;
}
.btn-login:hover, .btn-login-dt:hover{
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius:11px;
    border:1px solid #357b00;
    color:#388101;
	background:#53b706;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53b706', endColorstr='#53b706');
}
.btn-login-dt{
	display:inline-block;
    margin:10px auto 0px auto;
	float: none;
}
.btn-login{
	float:right;
	clear:none;
    margin:-26px 25px 0px 0px;
	background: #a90329;
    background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
    background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );

    border-color: #400;
    color: #FFF;
}
.btn-login-flash {
    background: #e20003;
	background: -moz-linear-gradient(top,  #e20003 0%, #c6001d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e20003), color-stop(100%,#c6001d));
	background: -webkit-linear-gradient(top,  #e20003 0%,#c6001d 100%);
	background: -o-linear-gradient(top,  #e20003 0%,#c6001d 100%);
	background: -ms-linear-gradient(top,  #e20003 0%,#c6001d 100%);
	background: linear-gradient(to bottom,  #e20003 0%,#c6001d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20003', endColorstr='#c6001d',GradientType=0 );
}
.btn-login:hover{
	background: #a60000;
    border-color: #400;
	color:#ffb2b2;
}
.algo{
	width:65%;
	height:auto;
	text-align:center;
	float:left;
	clear:both;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}


/** ACCESS **/
/*.access{
	width:65px;
	height:70px;
	float:right;
	clear:none;
	padding-top:40px;
}*/
.access{
	width:auto;
	height:auto;
	float:right;
	clear:none;
/*    position: absolute;
    z-index: 10000;
    right: 0px;*/
}
.pass, .close{
	width:39px;
	height:30px;
	float:right;
	clear:right;
	background: url(/img/key-cross.png) no-repeat top right;
	margin:8px 0px 0px 26px;
}
.close{
	background: url(/img/key-cross.png) no-repeat top left;
	/*margin:0px 0px 0px 26px;*/
	margin:3px 0px 0px -40px;
}
.pass:hover{
	background: url(/img/key-cross.png) no-repeat bottom right;
}
.close:hover{
	background: url(/img/key-cross.png) no-repeat bottom left;
}


/* CONTACT */

/*#contact .contenido{
	width:884px;
	height:450px;
	background-color:#fff;
	margin:0 0 0 53px;
	padding: 22px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:25px;
	color:#0c1852;
	letter-spacing:1px;
	text-align:left;
}*/

.error-message {
	font-size:12px;
	color: #FF0000;
	line-height: 16px;
}


/* FLASH WARNING */

#flash-warning .contenido{
	width:100%;
	height:100%;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#0C1852;
	letter-spacing:1px;
	text-align:left;
}

.tit-warning {
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#0c1852;
	letter-spacing:normal;
	padding:10px;
	width: 600px;
	text-align: center;
	margin: auto;
}

.table-warning tr td {
	padding: 15px;
}

.table-warning ol {
	margin: 0 30px 0 30px;
}



/** NEW USER **/ 
.center{
	width:900px;
	height:auto;
	margin:0px auto;
	display:table;
}
#new-user, #usuario-registrado, #usuario-registrado-br{
	width:410px;
	height:auto;
	margin:0px 14px 0px;
	display: inline-table;
}
#usuario-registrado-br{
	float:left;
	margin: 20px 14px 0px;
}
/*#usuario-registrado{
	margin:0px 0px 0px 40px;
}*/
.new-user{
	width:100%;
	height:173px;
	float:left;
	clear:none;
	background-color:#2f3e85;
    border-radius:10px;
	padding:44px 0px 0px;
	margin:0px 0px 0px 0px;

	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:21px;
	line-height:24px;
	color:#ACEF81;
	text-align:left;
	letter-spacing:0px;
	text-transform:uppercase;
	
	background: rgba(71,89,178,1);
	background: -moz-linear-gradient(top, rgba(71,89,178,1) 0%, rgba(71,89,178,1) 20%, rgba(25,35,89,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,89,178,1)), color-stop(20%, rgba(71,89,178,1)), color-stop(100%, rgba(25,35,89,1)));
	background: -webkit-linear-gradient(top, rgba(71,89,178,1) 0%, rgba(71,89,178,1) 20%, rgba(25,35,89,1) 100%);
	background: -o-linear-gradient(top, rgba(71,89,178,1) 0%, rgba(71,89,178,1) 20%, rgba(25,35,89,1) 100%);
	background: -ms-linear-gradient(top, rgba(71,89,178,1) 0%, rgba(71,89,178,1) 20%, rgba(25,35,89,1) 100%);
	background: linear-gradient(to bottom, rgba(71,89,178,1) 0%, rgba(71,89,178,1) 20%, rgba(25,35,89,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4759b2', endColorstr='#192359', GradientType=0 );
}
.new-user-txt{
	width:416px;
	height:auto;
	margin: 4px 0 0 0;
	padding-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	line-height:23px;
	letter-spacing:normal;
	color:#fff;
	text-transform:none;
}
.nuevos-usuarios{
	float:left;
	clear:none;
	margin: 0px 0 0px 64px;
}
a.btn-registro{
	width:90%;
	height:auto;
	padding: 22px 0px 24px;
	margin:0px auto;
	display: table;
	float:none;
	clear:none;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius:11px;
	border:1px solid #80c56b;
	cursor:pointer;

	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:34px;
	line-height:40px;
	color:#357b00;
	letter-spacing:1px;
	text-align:center;
	text-decoration:none;
	text-transform:none;

   	background:#9adf64;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f6c1', endColorstr='#74d22c');
	background-image: linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -o-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -moz-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -webkit-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -ms-linear-gradient(bottom, rgb(116,210,44) 0%, rgb(217,246,193) 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(116,210,44)),
		color-stop(0.8, rgb(217,246,193))
	);
}
a.btn-registro:hover{
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius:11px;
	border:1px solid #357b00;
	color:#388101;
	background:#53b706;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53b706', endColorstr='#53b706');
}


/** ADQUIRIR CODIGO **/
	
a.btn-adquirir-codigo{
	width:auto;
	height:auto;
	float:left;
	clear:none;
	text-align:center;
	padding: 11px 13px;
	margin:39px 0px 0px 20px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius:11px;
	border:1px solid #0CCEE7;
	cursor:pointer;

	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:23px;
	line-height:16px;
	color:#1b286b;
	letter-spacing:1px;
	text-align:center;
	text-decoration:none;
	text-transform:none;

   	background: rgb(178,255,249);
	background: -moz-linear-gradient(top,  rgb(178,255,249) 0%, rgb(113,236,242) 50%, rgb(12,206,231) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(178,255,249)), color-stop(50%,rgb(113,236,242)), color-stop(100%,rgb(12,206,231)));
	background: -webkit-linear-gradient(top,  rgb(178,255,249) 0%,rgb(113,236,242) 50%,rgb(12,206,231) 100%);
	background: -o-linear-gradient(top,  rgb(178,255,249) 0%,rgb(113,236,242) 50%,rgb(12,206,231) 100%);
	background: -ms-linear-gradient(top,  rgb(178,255,249) 0%,rgb(113,236,242) 50%,rgb(12,206,231) 100%);
	background: linear-gradient(to bottom,  rgb(178,255,249) 0%,rgb(113,236,242) 50%,rgb(12,206,231) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2fff9', endColorstr='#0ccee7',GradientType=0 );
}

a.btn-adquirir-codigo:hover{
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius:11px;
	border:1px solid #0CCEE7;
	color:#1b286b;
	background:#0CCEE7;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0CCEE7', endColorstr='#0CCEE7');
}

.chicos-login, .chicos-login-br{
	margin: 14px 0px -23px 30px;
}

.center-cont{
	width: 85%;
	min-width: 740px;
  	height:auto;
	display:table;
	margin:0 auto;
	text-align:center;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
MOBILE
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*#categoria-mobile .contenido{
	width:884px;
	height:auto;
	background-color:#fff;
	margin:0 0 0 53px;
	padding: 22px 0 0 0;
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:25px;
	color:#0c1852;
	letter-spacing:1px;
	text-align:left;
}*/
#categoria-mobile .categoria_aprender{
	height:auto;
	font-weight:bold;
	font-size:25px;
	line-height:24px;
	color: #0c1852;
}
.pasos-mobile{
	width:98%;
	height:auto;
	padding:0px;
	margin:5px auto 10px;
	display:table;
}
.player-btns{
	width:353px;
	height:auto;
	float:right;
	clear:none;
	margin:0px 0px 0px 10px;
	padding:0px;
	text-align:right;
}
.player-btns .btn-autotest{
	float:right;
	clear:none;
}
#voice-zone-mobile{
	width:80%;
	height:95px;
	background-color:#eaf8e0;
	margin:8px auto 0px;
	padding:0px 10px 4px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:25px;
	line-height:40px;
	color:#a0c689;
	text-align:center;
	letter-spacing:0px;
	border-radius:15px;
	display:table;
}
#voice-zone-mobile .player-audio{
	display:table;
	margin:0px auto 0px;
	text-align:center;
}
#textos-mobile{
	width:98%;
	height: 360px;
	overflow-y: auto;
	margin:0px 0px 10px 0px;
}
#textos-mobile table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border-width:0px;
	border:none;
	margin-top:20px;
	background:green;
}
#textos-mobile .palabras-mobile{width:90%;}
#textos-mobile .controls-mobile td{width:50px;}
#textos-mobile .numtd-mobile{width:55px; margin:0px; padding:0px; float:left;clear:none;}

#textos-mobile .texto1-mobile{
	width:auto;
	font-size:18px;
	letter-spacing:0px;
	float:left;
	color:#0c1852;
 }
#textos-mobile .texto2, #textos-mobile .texto3{
	width:auto;
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	color:#0c1852;
	vertical-align:middle;
	letter-spacing:0px;
}
#textos-mobile .texto2{
	color:#00799E;
}

.tit-aprende, .txt-aprende{
	width: 447px;
	height: 50px;
	float: right;
	clear: none;
	margin: 25px 480px 0px 0px;
	display: table;
	font-family:CabinCondensedBold, Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:21px;
	color:#0c1852;
	text-transform: uppercase;
	text-align: left;
}
.txt-aprende{
	font-size:13px;
	line-height:20px;
	color:#fff;
	margin: -6px 480px 0px 0px;
	text-shadow: 1px 1px 3px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
}
.celeste{color:#a1d7eb;}

/** Formulario **/
#formulario{
	width:280px;
	height:auto;
	display:table;
	margin:0px auto;
	float:none;
	clear:none;
}

.info_suscripcion, .legal-brasil{
  width: 90%;
  height: auto;
  background: #abe2f5;
  display: table;
  margin: 0px auto;
  padding: 2px 5%;
  border-radius: 0px;

  text-align:center;
  color: #08144c;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  line-height: 17px;
 }
.legal-brasil{
	width: auto;
	margin: 2px auto 0px;
	padding: 2px 10px;
	font-size: 12px;
	background: #aff086;
	margin: 0px auto 7px;
	padding: 2px 35px;
	border-radius: 0px 0px 5px 5px;
}


@media screen and (max-width:1020px){
	header{width: 100%; margin: 0px;}
	header#discovery{width: 100%;margin: 0px;height: auto;text-align: center;display: table;}
	/*header img.ql-disc{margin: 16px 0 14px 10px;}*/
	#home{width:100%;}
	#login .contenido, #login .contenido-login-dt, #programa .contenido, #login .contenido{width:100%;}
	#contact .contenido{width:auto; margin:0px;}
	#programa .contenido{padding: 10px 0px 0;}
	article.contenido{width:100%; background:#fff;}
	footer{
		width:100%;
		padding:0px; 
		border-top: 3px solid #fff;	
		border-bottom: 3px solid #fff;
		border-right: none; 
		border-left:none; 
	}
	.txt-politica{padding:14px 20px 10px 0;}
	/*#login .btn-volver{
		margin: 0px 0px 0px 0px;
		position: absolute;
		top: 5px;
		z-index: 100;
		right: 0px;
		left: 93%;
  }*/
  .join{width: 100%;margin: 0px 0px 0px 0px;}
  .chicos-login-br{margin:16px 0px -25px 12px;}
  
	#categoria .contenido, #categoria-mobile .contenido, #quick-autotest .contenido{
		width:96%;
		padding: 22px 2% 20px;
		display: inline-block;
	}

  .pasos{
	width:100%;
	height:auto;
	/*position:relative;*/
	left:0px;
	top:15px;
	}
	.caja-msj textarea{width:98%;}

}
@media screen and (max-width:975px){
	h1.discovery{
		width: 205px;
		font-size: 35px;
		line-height: 32px;
		margin: 19px 50px 0px 0px;
	}
}

@media screen and (max-width:960px){
	  #player-zone{margin: 40px 0px 0px 0px;}
}
@media screen and (max-width:950px){
	h1{font-size:26px;}
}
@media screen and (max-width:930px){
	#tit-table-test{display:none;}
	#player-zone{
		height:82px;
		float:none;
		clear:none;
		padding:10px 20px;
		margin: 15px auto;
		display:table;
		background-color: #eaf8e0;
		background-image:none;
		border-radius: 20px;
	}
	#autotest_zone{
		width:98%;
		height:auto;
		float:none;
		display:table;
		margin:0px auto;
	}
	#autotest_content table, #autotest_result{
		width:98%;
		height:auto;
		float:none;
		display:table;
		margin:0px auto;
	}
	.texto3{min-width:87%; margin:5px 2% 5px 4%; padding-right:2px;}

	#login .btn-volver.login{
		margin: 0px -3px 0px -70px;
	}
}

@media screen and (max-width:900px){
	/*#login .btn-volver{margin: 0px 0px 0px 0px;}*/
	h1{font-size:20px;padding:2px 10px; margin: 60px 0px 0px 10px; line-height:35px;}
	.center {width: 95%;text-align: center;}
	#new-user, #usuario-registrado{width: 396px;margin: 0px 10px; display:inline-table;}
	.shop{margin: 20px 0px 0px 6px;}
	.new-user{width: 100%;padding: 44px 0px 0px;}
	.tipo-usuario{font-size: 29px; }
	.chicos-login {margin: 16px 0px -25px 12px;}
	a.btn-registro {width: 88%;padding: 22px 8px 24px;letter-spacing: 0px;}
	.form-login{width: 385px; padding: 13px 0px 13px 10px;}
}
@media screen and (max-width:895px){
	.info_suscripcion{}
}
@media screen and (max-width:877px){
	#new-user, #usuario-registrado{width: 100%;margin: 0px auto;}
	.new-user{height: auto;padding: 10px 0px;}
	a.btn-registro{font-size:31px;padding: 12px 8px;}
	#usuario-registrado{margin: 20px auto 0px;}
	.form-login{width: 100%; margin: 0px auto; padding: 13px 0px 13px 0px;}
	.label, .label-a{width: auto; margin: 0px 0px -9px 4px; display:inline-table;float: none;}
	.caja input, .caja-long input{float:none;display:inline-block;}
	.caja label{float: left; display: inline-block; margin-right: 10px;}
	.aclaracion{width: auto;float: none;}
	.pass-forgot{width: auto;padding:0px;margin: -3px 0px 4px 0px;float: none; display: inline-table;color:#990000;}
	a.pass-forgot{float: none;padding: 15px 0px 0px 5px;}
	.btn-login{margin:0px auto 0px; float:none; display:table;}

}
@media screen and (max-width:875px){
	.aclaracion{width: 310px;}
	.chicos-login{margin: 16px 0px -25px 0px;}
	.shop{margin: 20px 0px 0px 0px;}
	
	#usuario-registrado-br{width: 330px;}
	.form-login-br{width: 324px;}
	.chicos-login-br{margin:16px 0px -25px 0px;}
}
@media screen and (max-width:870px){
	h1.discovery{margin: 19px 10px 0px 0px;}

}

@media screen and (max-width:850px){
	.chicos-login{width: 295px; margin: 71px 0px -25px 0px;}
}
/*@media screen and (max-width:810px){
	h1{font-size:25px;}
}*/
@media screen and (max-width:810px){
	h1.discovery{
		width: 125px;
		font-size: 22px;
		line-height: 24px;
		margin: 19px 10px 0px 0px;
	}

}

/*@media screen and (max-width:792px){
	#login .btn-volver{margin:0px 0px 0px -10px;}
}*/
@media screen and (max-width:790px){
	.label{width: auto;min-width: 375px;display:table; margin:0px auto;}
	.caja label{width: 110px;}
	.label-a{width: 94%;display:table; margin:0px auto 5px;}
}
@media screen and (max-width:783px){
	.shop{width:98%;display:table; margin:15px auto 0px;}
	#tit-nocode{width:88%;}
	.nocode-txt{width:70%;}
	.shop-img{margin:-105px 10px 0px 0px;}
	a.btn-adquirir-codigo{margin: 10px 0px 10px 0px;}
	.chicos-login{width: 55%; min-width: 280px; margin: 15px 0px -26px 0px;}
}
@media screen and (max-width:770px){
	h1{width:238px;font-size:27px; line-height:25px; padding: 9px 10px 7px; margin: 38px 2px 0px 5px;}
	#usuario-registrado-br{margin: 20px 2px 0px;}
}
@media screen and (max-width:745px){
	/*#login .btn-volver{margin: 0px 0px 0px -10px;}*/
	#usuario-registrado-br{width: 450px; float:none; display:table; margin:20px auto 0px;}
	.form-login-br{width: 420px;}
	.chicos-login-br{margin:16px auto -25px; display:table; padding: 0px 0px 5px;}
	
	.cat-group{
		width: auto;
		height:auto;
		display: table;
		margin: 6px 0px 0px 0px;
	}
	a.bloque_categoria{
		height:auto;
		margin:0px 0px 10px 10px;
	}
	/*a.bloque_categoria:hover{
		color:#999;
		background-color:transparent;
		text-decoration:none;
	}*/
	.categoria_aprender{line-height: 22px;}
	.categoria_propia{line-height: 19px;height: auto;padding: 4px 0px 7px 0px;}
	/*a.bloque_categoria:hover .numero, a.bloque_categoria:hover .categoria_aprender, a.bloque_categoria:hover .categoria_propia{color:#999;}*/
	
	/*PROBAR
	.bloque_categoria .categoria_aprender{line-height: 22px;}
	.bloque_categoria .categoria_propia{padding: 2px 0px 4px 0px;}*/

}
@media screen and (max-width:725px){
	h1.discovery{
		width: 98%;
		height:auto;
		background:#192564;
		display:block;
		margin: 0px auto 0px;
		padding: 10px 1%;
		text-align: center !important;
		font-size:25px;
		line-height:23px;
		border-right: none;
		border-left:none;
		border-top:3px solid #fff;
	}
}

@media screen and (max-width:710px){
	.shop{width:97%;}
	.shop-img{margin: -85px 10px -10px 0px;}
}
/*@media screen and (max-width:670px){
	#login .btn-volver{margin: 0px 0px 0px -20px;}
}*/
@media screen and (max-width:647px){
	.shop-img{margin: -105px 10px -10px 0px;}
}
@media screen and (max-width:640px){
	.access{
		/*height: 60px;*/
		height:auto;
		padding-top: 0px;
		position: absolute;
		top: 2px;
		z-index: 100;
		right: 0px;
	}
	h1{margin:60px 10px 0px 0px; font-size:25px; line-height:23px;}
	header#discovery .ql-disc{
		margin: 21px 15px 20px 0px;
	}
	.logo-discovery{margin: 36px 0px 0px 15px;}
}
@media screen and (max-width:635px){
	footer{text-align:center;}
	.txt-politica{padding:14px 10px 10px; margin:0px auto; display:table; float: none;}
}
/*@media screen and (max-width:615px){
	.categoria_aprender{line-height:22px;}
	.categoria_propia
}*/
@media screen and (max-width:610px){
	#tit-nocode {width: 73%;}
}
@media screen and (max-width:610px){
.pasos-test-mov{
	width:100%;
	max-width:426px;
	height:auto;
	display:table;
	margin:0px auto 0px;
	padding-top: 13px;
}
.pasos-test{display:none;}
}
@media screen and (max-width:580px){
	header img{width:auto; margin:0px auto; display:table;float:none;padding-top:10px;}
	#new-user{margin: 15px auto;}
	h1{
		width:auto;
		height:auto;
		background:#192564;
		display:block;
		float:none;
		clear: both;
		margin: 10px auto 0px;
		text-align: center !important;
		z-index: 100000;
		position: relative;
	}
	#usuario-registrado{margin: 0px auto 0px;}
	header#discovery .ql-disc{
		width: 38%;
		max-width: 233px;
		margin: 0px auto;
		float: right;
		padding: 5px 3% 10px 0px;
	}
	.logo-discovery{
		width: 49%;
		max-width:270px;
		float: left;
		margin:0px auto 0px;
		padding: 27px 0px 0px 1%;
	}
}
@media screen and (max-width:570px){
	header{height:155px;}
	header#discovery{height:auto;position: relative;}
}
/*@media screen and (max-width:570px){
	.access{}
}*/
@media screen and (max-width:545px){
	.nocode-txt {width: 65%;}
}
/*@media screen and (max-width:525px){
	#login .btn-volver{margin: 0px 0px 0px -30px;}
}*/
@media screen and (max-width:530px){
	.logo-discovery{padding: 25px 0px 0px 1%;}
}

@media screen and (max-width:500px){
	.shop{width:96%;}
	h1{font-size:22px; line-height: 21px;}
}

@media screen and (max-width:480px){
	header{height:175px;}
	#new-user{margin: 0px auto;}
	#usuario-registrado-br{width: 95%;margin:0px auto 0px;}
	.form-login-br{width: 97%;} 
	.caja-br{width: 90%;}
	.chicos-login-br{width: 90%;}
}
@media screen and (max-width:450px){
	.nocode-txt{width:57%;}
}
@media screen and (max-width:440px){
	h1{font-size: 22px;}
	.logo-discovery{padding: 25px 0px 0px 1%;}
}
@media screen and (max-width:400px){
	.logo-discovery{padding: 18px 0px 0px 1%;}
}
@media screen and (max-width:437px){
	#tit-nocode{width: 95%;}
	.nocode-txt {width: 95%;}
	.shop-img{width: 32%;margin: 0px auto;display: table; float: none;}
	a.btn-adquirir-codigo{margin: 0px auto 6px;display: table; float: none;}
}
@media screen and (max-width:433px){
	#usuario-registrado-br{margin:10px auto 0px;}
@media screen and (max-width:430px){
	#usuario-registrado{margin: 10px auto 0px;}
	.tipo-usuario{font-size: 23px;}
	.label{  
		width: auto;
		min-width:0px;
		display: inline-table;
		margin: 0px auto;
		float: none;
	}
	.caja input {width: 205px;}
}
@media screen and (max-width:380px){
	/*#login .btn-volver{display:none;}*/
	header{height:185px;}
	header img{float:left; padding: 10px 0px 10px 10px;}
	h1{font-size: 24px;padding: 4px 41px;}
	.caja label{width: 86px;font-size: 15px;margin-right: 3px;}
	.aclaracion{width: 295px;padding: 2px 0px 4px 0px;}
}
@media screen and (max-width:375px){
	a.btn-registro{font-size: 26px; line-height: 25px;}
	#tit{line-height:35px;}
}
@media screen and (max-width:345px){
	.caja label{width: 75px;font-size: 13px;}
	.aclaracion{width: 272px;font-size: 11px;}
	.caja input{width: 195px;}
}
@media screen and (max-width:320px){
	.caja input{width: 185px;}
}
@media screen and (max-width:310px){
	h1{font-size: 22px;line-height: 20px;}
	#usuario-registrado-br{margin:10px auto 0px;}
}
@media screen and (max-width:300px){
	.bloque_categoria{width:92%;}
}
@media screen and (max-width:277px){
	.tipo-usuario.registrado{padding: 15px 0px 3px;}
}