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

h3{
/*	margin:0px 0 10px;*/
	color: #1e305a;
}

body{
	font-size:19px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background: #fff;
	
}
#master{
	width:100%;
	height:auto;
	margin:auto;
}
#top{
    max-width: 994px;
    width: 100%;
	height:400px;
	background: url(/img/curso-de-ingles.png) top center no-repeat #fff;
	margin: 0px auto;
}
/*#top-tvingles{
	background: url(/img/curso-tv-ingles.png) top center no-repeat #fff;
	/* display: table; 
}*/
#top-tvingles .logo-itcsolo{
	/* float:right; */
	/* clear: none; */
	margin: 15px 0px 0px 0px;
	position: absolute;
	z-index: 10000;
	right: 10px;
}
#top .logo-TVI{
	float:left;
	clear:none;
	margin:0px 0px 0px 0px;
}
#top-tvingles .logo{
	float:left;
	clear:none;
	margin:8px 0px 0px 16px;
	position:absolute;
	z-index: 10000;
}
.top-ingles{
	max-width:900px;
	width:100%;
	display:table;
	margin:0px auto;
	position: relative;
	z-index: -10;
}

#top .logo-uap {
	float: right;
	clear: none;
	margin: 30px 16px 0px 0px;
}

#top .logo-unfv{
	float:right;
	clear:none;
	margin:33px 15px 0px 0px;
}
#top .logo-cues{
	float:right;
	clear:none;
	margin:25px 40px 0px 0px;
}

.page-header{
	color:#1e305a;
	text-transform: uppercase;
	font-weight: 600;
    line-height: 32px;
    margin: 20px 0 12px;
}
.page-header small, h1.page-header .small{
    line-height: 24px !important;
    display: block;
    color: #66ccca;
}

#cursoingles.navbar-inverse .navbar-nav>li>a{font-size: 11px;display: inline-block;}
.navbar-inverse .navbar-nav>.open>a{background-color: rgba(8, 8, 8, 0.4);}
/*li.dropdown a.dropdown-toggle:hover{padding: 27px 8px  27px !important;}*/

.btn-primary{
	border:0px solid transparent;
	border-style: none;
	border-radius: 0px;
	letter-spacing:1px;
	text-transform: uppercase;
    background-color: #1e305a;
}
.btn-primary:hover{
	border:0px solid transparent;
    background-color: #041684;
    color:rgba(255, 255, 255, 0.95);
}


/** AVISO CLASES ONLINE **/
.clases-online{
	width: 90%;
    	max-width: 590px;
	margin: 20px auto 0px auto;
	background: #1e305a;
	color: #fff;
	display:table;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0.3px;
	line-height: 17px;
	text-decoration: none;
	padding: 8px 23px 9px;
}
.clases-online strong{font-weight:900}
.clases-online:hover{
	background: #c7000c;
	color: #fff;
	cursor:pointer;
}



/** LAND Especialidades **/
.panel-heading{
	background: #1e305a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiMwMDAwNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #232979 0%, #1e305a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232979), color-stop(100%,#1e305a));
	background: -webkit-linear-gradient(top,  #232979 0%,#1e305a 100%);
	background: -o-linear-gradient(top,  #232979 0%,#1e305a 100%);
	background: -ms-linear-gradient(top,  #232979 0%,#1e305a 100%);
	background: linear-gradient(to bottom,  #232979 0%,#1e305a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232979', endColorstr='#1e305a',GradientType=0 );
}
.modulo-nivel .panel-heading .img-responsive{
	text-align:center;
	margin:0px auto;
	display:table;
}
.modulo-nivel .tit-unidades{
	font-size:17px;
	line-height: 17px;
	height: 40px;
	font-weight:bold;
	letter-spacing: 0px;
	padding: 9px 0px 0px;
	text-transform:uppercase;
}

.caption i, .caption .fa.fa-fw.fa-envelope{
	color: #66ccca;
	margin: 10px auto 10px;
	line-height: 23px;
	font-size: 35px;
}

/** LAND **/
section.frase-uno{
    width: 100%;
    background: #66ccca;
    color: #fff;
    letter-spacing: 0.5px;
    margin: 0px auto 10px;
    display: table;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
}
section.frase-uno .btn{
	background: #1e305a;
	color: #fff;
}

section#frase-dos{
	background: #66ccca;
	color: #fff;
	letter-spacing:0.5px;
	margin: 10px auto 10px;
	padding: 10px 0px;
}
section#frase-dos .section-heading{padding: 0 11%;line-height: 25px;}
.row.txt-azul .section-heading{line-height: 25px;}

section#frase-dos .btn, section.frase-uno .btn{
	background: #c7000c;
	color: #fff;
	display: table;
	margin: 20px auto 25px;
	font-weight:bold;
	letter-spacing:1px;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
section.frase-uno .btn{
	background: #c7000c;
	color: #fff;
}
section.frase-uno .btn:hover{
	background: #fff;
	color: #c7000c;
}
section#frase-dos .btn:hover{
	background: #fff;
	color: #c7000c;
}

section#frase-dos .logo{
	width: 100%;
	max-width: 400px;	
	display: table;
	margin: 25px auto -7px;
}
.row.txt-azul{
	display:table;
	margin: 20px auto 20px;
	text-align: center;
	width: 95%;
}
.txt-azul{
	color: #000000;
}
.txt-azul i{
	font-size: 50px;
	line-height: 51px;
	width: 85px;
	height: 85px;
	display:table;
	margin:30px auto 10px;
	padding: 14px 0px 0;
	border-radius:100px;
	background: rgb(255, 255, 255);
	color: #c7000c;
	border: 3px solid #66ccca;
}
.row.txt-azul .col-md-6{float:none !important; display:inline-block;vertical-align:top;}

.page-header{
    text-align: center;
    border-bottom: 1px solid #66ccca !important;
}
.container-lms .img-responsive{
	display:table;
	margin: 0px auto 0px;
	/*border-bottom: 5px solid #66ccca;*/
}


.container-lms .img-responsive.especialidad{border: 1px solid #1DC3AE;border-bottom: 5px solid #1DC3AE; margin: 0px auto 0px;}

.container-lms .row.bg-claro{background: #fff;}

/** Formulario Nuevos Usuarios **/
label{color: #1e305a; font-weight:600 !important; font-size:17px; float: left;}
.recuerda{
	color: #d5030d;
	margin: 10px auto 7px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 19px;
	letter-spacing: 0.2px;
}

.recuerda-list{
	color: #545454;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	list-style-position: inside;
}
.recuerda-list li{padding:0px 0px 10px;}
.recuerda-list li:last-child{padding:0px 0px 15px;}

/** POP UP - Modal **/
.modal-content{font-family: 'Lato', Arial, Helvetica, sans-serif;}

.modal-header{
	background: #c7000c;
	color: #fff;
	font-weight: 900;
}

/** TOP GRIS **/
#top-gris{
	width:100%;
	height:auto;
	text-align:center;
	background: #353535;
	padding: 12px 0px 11px;
	margin: 0px 0px 0px 0px;
	color:#fff;
	font-size:40px;
	line-height:40px;
	letter-spacing:1px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	display: table;
}
#top-gris .tel{
	width: 510px;
	float: none;
	margin: 0px auto 0px;
	text-align: center;
	font-family:'Oswald', Arial, Helvetica, sans-serif;
	font-weight: 500;
	color:#fff;
	font-size:37px;
	line-height:40px;
	letter-spacing:1px;
}
.wa-big{
	width: 38px;
	margin: 4px 5px -5px;
}

.txt-rojo-top{
	width: 96%;
	/* max-width:495px; */
	height:auto;
	padding: 10px 2% 5px;
	margin: 0px auto 0px;
	display: table;
	text-align:center;
	background:#59b2b1;
	color:#ffffff;
	border-radius: 0px;
	font-size:17px;
	letter-spacing:0px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:700;
	text-transform:uppercase;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
.txt-grande-top{
	font-size:28px;
}
.txt-aviso{
 	width:90%;
 	height:auto;
 	display:table;
 	margin:0px auto;
 	padding: 20px 5%;
 	font-family: Arial, Helvetica, sans-serif;
 	font-weight:normal;
 	letter-spacing:0.5px;
 	font-size:18px;
 	line-height: 28px;
 	color:#fff;
 	background:#780007;
}
.txt-tel{
	width:90%;
	height:auto;
	margin:0px auto;
	display:table;
	color: #ff5f5f;
	font-size: 27px;


	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:700;
	text-transform:uppercase;
	text-align: center;
	letter-spacing: 1px;
}
.txt-aviso ul{
	max-width:700px;
	width:90%;
 	display:table;
 	margin:0px auto;
	text-align:left;	
}
.txt-aviso li{
	line-height:20px;
	margin:0px 0px 10px;
}

.btn-contacto{
    width: auto;
    height:auto;
    display:table;
    margin: 13px auto 14px;
    padding: 8px 15px 8px;
    border-radius:10px;
    color:#fff;
    font-size:23px;
    text-decoration:none;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
    letter-spacing:1px;
    text-transform:uppercase;
    background: #59b2b1;
    -webkit-box-shadow: 0 0 6px 0px rgba(0,0,0,0.6);
    box-shadow: 0 0 6px 0px rgba(0,0,0,0.3);
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

.btn-contacto:hover{
    background: #1a807e;
	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-contacto.tel{
    display: inline-block;
    margin: -4px 5px -3px;
    position: inherit;
    padding: 8px 12px 7px;
}

/** TOP INTERNAS **/
#top-internas, #top-internas-tvingles{
	width:94%;
	max-width:994px;
	height:202px;
	background: url(/img/aprende-ingles-hoy.png)  top center no-repeat #fff;
	margin: 0px auto;
}
#top-internas-tvingles {
	background: url(/activatuingles/img/aprende-ingles-tv.png) top center no-repeat #fff;
}
#top-internas .logo{
	float:left;
	clear:none;
	margin:10px 0px 0px 0px;
}
#top-internas-tvingles .logo{
	float:left;
	clear:none;
	margin:8px 0px 0px 16px;
}
#top-internas .logo-columbia, #top-internas-tvingles  .logo-columbia{
	float:right;
	clear:right;
	margin:20px 5px 0px;
}
.modulo-usuario{
	width:160px;
	height:auto;
	background:#66ccca;
	float:right;
	clear:none;
	padding:8px 10px 8px;
    margin: 0px 9px 5px;
	border-radius:0px 0px 5px 5px;

	font-size:13px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	text-shadow: 0 0 5px rgba(0,0,0,0.3);
}
a.subtxt{
	width: 100%;
	height: 19px;
	padding: 5px 0px 1px;
	display: table;
	text-decoration:none;
	color:#fff;
}
a.subtxt:hover{
	background:#52a3a2;
	text-decoration:none;
}


/** CONTENIDO **/
#txt-aprende{
	width:100%;
	height:auto;
	text-align:center;
	background:#c8000c;
    padding: 12px 0px 11px;
    margin: 0px 0px 0px 0px;
	/*	padding: 8px 0px 6px;
	margin: 0px 0px 0px 0px;*/
	
	color:#fff;
	font-size:35px;
	line-height:35px;
	letter-spacing:1px;	
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:700;
	text-transform:uppercase;
}
#contenido{
	width:100%;
	height:auto;
	background: url(/img/bg-content.png) top left repeat;
	margin-top: 0px;
	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);
}

.elige{	
	padding: 8px 0px 6px;
	color:#66ccca;
	font-size:35px;
	letter-spacing:1px;	
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0px 0px 7px rgba(0, 0, 0, 0.8);
}
.cont-entrega{
	display:inline-block;
	margin:20px 5px 0px;
}

#niveles{
	width:90%/*994px*/;
	height:auto;
	margin:0px auto 20px;
	display:table;
	text-align:center;
}

#niveles a.nivel, #niveles .nivel{
	width:282px;
	height:420px;
	margin: 5px 10px;
	display: inline-table;
	text-decoration: none;
}
#niveles a.nivel:hover{
	cursor:pointer;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
}
#body-voice{
	width:90%;
	max-width:994px;
	height:auto;
	margin:0px auto 20px;
	display:table;
	text-align:center;
}

.imagen-nivel{
	width:282px;
	height:322px;
	display:table;
	z-index:900;
	position:relative;
	margin: -90px auto 0px;
}
.imagen-nivel.a1{
	background: url(/img/nivel-01.png) 0px 39px no-repeat;
}
.imagen-nivel.a2{
	background: url(/img/nivel-02.png) 0px 39px no-repeat;
}
.imagen-nivel.a3{
	background: url(/img/nivel-03.png) 0px 39px no-repeat;
}
.imagen-nivel.a4{
	background: url(/img/nivel-04.png) 0px 39px no-repeat;
}
.imagen-nivel.a5{
	background: url(/img/nivel-05.png) 0px 39px no-repeat;
}
.imagen-nivel.a6-turismo{
	background: url(/img/nivel-06-turismo.png) 0px 39px no-repeat;
}
.imagen-nivel.a6-maestros{
	background: url(/img/nivel-06-maestros.png) 0px 39px no-repeat;
}
.imagen-nivel.a6-business{
	background: url(/img/nivel-06-business.png) 0px 39px no-repeat;
}
.imagen-nivel.a6-social{
	background: url(/img/nivel-06-social.png) 0px 39px no-repeat;
}

.circulo{
	width:91px;
	height:91px;
	margin:0px auto;
/*	display:table;*/
	border-radius:50px;
	
	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 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;
}

.circulo .tit-nivel, .circulo .numero{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:17px;
	line-height: 37px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}
.circulo .numero{
	font-size:69px;
}
.nivel .texto{
	width:220px;
	height:67px;
	background:rgba(0,0,0,0.4);
	border-radius:0px 0px 20px 20px;
	padding:91px 8px 5px;
	margin:-90px auto 0px;
	display:table;

	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
	letter-spacing:0px;
	text-align:left;
	text-transform:none;

	z-index:0;
	position:relative;
}
.nivel .texto ul{padding-left:20px;}
.nivel .texto li{
	list-style: url(/img/celeste-circle.png) inside;
	line-height: 20px;
	margin-top: 4px;
	list-style-position: outside;
    margin: 0px 0px 0px -2px;
}
.nivel .texto li.smaller{font-size:15px;}
.disponible{
	width: auto;
	height: auto;
	display: table;
	float: right;
	margin:0px 54px 0px -34px;
}
.disponible-h{
	width: auto;
	height: auto;
	display: table;
	margin:0px auto;
}
.row.bg-content .panel-default>.panel-heading h4{font-weight:900;}
.row.bg-content .panel-default>.panel-heading .img-responsive{border-bottom:none;}

.glosario .panel-heading{background: none;}
.col-md-3.glosario h4{
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color:#1e305a;
	margin: 0px auto 0px;
}
.col-md-3.glosario h4 i{
	display:table;
	margin: 0px auto 10px;
    line-height: 15px;
    font-size: 30px;
}
.col-md-3.glosario .panel.panel-default{
    margin-top: 0px;
    margin-bottom: 15px;
}
.col-md-3.glosario .panel-default>.panel-heading h4{
    line-height: 15px;
    font-size: 14px;
    padding:0px 10px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.col-md-3.glosario .panel-default>.panel-heading h4 i{
    line-height: 36px;
    font-size: 30px !important;
    margin: 0px auto 0px !important;
}
.col-md-3.glosario .puntuacion{
    line-height: 16px;
    font-size: 14px;
    padding: 8px 10px 0;
}

.col-md-3.glosario .btn-leer{
	padding: 7px 10px;
	margin: 6px auto 8px;
	font-size: 13px;
}

.marcar{
	width: 100%;
	text-align: right;
	text-transform: uppercase;
	color: #1e305a;
	font-size: 11px;
	letter-spacing: 0px;
	font-weight: bold;
}

.grilla .panel-default {
    border-color: #66ccca;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.35);
}
.grilla .panel-default>.panel-heading {
    border-bottom: 3px solid #1e305a;
}
.grilla .modulo-nivel .tit-unidades {
    font-size: 15px;
    line-height: 14px;
    min-height: 40px;
    padding: 7px 0px 0px;
    margin: 1px auto 3px;
}
.grilla a.btn.btn-default {
    margin: 0px auto 10px;
    letter-spacing: 1px;
}



/** HOME NIVELES **/
h4.tit-nivel{
	color: #1e305a;
	display:table;
	margin: 15px auto 0px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 23px;
	letter-spacing: 0px;
	font-size: 20px;
	text-align: center;
}
h4.tit-nivel .fa{
	color: #66ccca;
	padding-bottom:2px;
}
.panel-body{
	padding: 0px 15px 0px;
}
#milpalabras .panel-body p{text-align:center; margin:10px 0 0 0; line-height:22px;}

.tit-unidades, .puntuacion{
	text-align: center;
    font-size: 17px;
	color: #1e305a;
}
.puntuacion{padding: 10px 0px 0px; line-height: 19px;/*color: #66ccca;*/}
.puntuacion.txt{
	font-size: 14px;
	line-height: 19px;
	margin: 0px 0 0px;
}
.puntos{
	width:100%;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: 0px;
	padding: 0px 0px 0px 0px;
	display: table;
	margin: 3px auto 12px;
	text-align:left;
}
.puntos strong{
	font-weight: 600;
	margin-left: -8px;
	text-transform:uppercase;
}
.puntos li{
	background:rgb(201, 2, 6);
	padding: 5px 0px 5px 9px;
	color:#ffffff;
	letter-spacing: 0px;
	font-weight: 300;
	list-style-position: inside;
}
ul.puntos li:nth-child(even){background:rgb(138, 0, 3);}


.entrega-vencimiento{
	width: 98%;
	height: auto;
	display:table;
	background: #1e305a;
	margin: 7px auto 6px;
	padding: 4px 2% 5px;
	font-size: 11px;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	color: #cef2ed !important;
}


#ActivarEntregaForm .campo-pin {
	display:table;
	margin: 3px auto 0;
	border: 1px #2d2a82 solid;
	text-align:center;
	font-size:15px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color:#1e305a;
	width: auto;
	height: 30px;
}
.col-md-6.modulo-nivel .btn-activar{
	display: table;
	margin: 13px auto 5px;
	padding: 6px 12px;
	background-color: #c90106;
	border: 1px solid transparent;
	border-radius: 0px;
	
	color: #fff;
	text-align: center;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
}
.col-md-6.modulo-nivel .btn-activar:hover{
	color: #fff;
    background-color: #ff1a2d;
    border-color:transparent;
    cursor:pointer;
}

.navbar-header{text-align:center !important;}



.btn.ingresar, .btn.crearcuenta{
	width: auto;
	padding: 7px 12px;
	margin: 7px 5px 0 5px;
	display: inline-block;
	border-color:transparent;
	background-color: #1e305a;
	border-radius: 0px;
	float: left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:600;
	letter-spacing: 0.5px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	z-index: 10000;
}

.btn.crearcuenta{
	color: #ffffff;
	background: #66ccca;
}

.btn.ingresar:hover{
	color: #1e305a;
    background-color: #fff;
    border-color:transparent;
}
.btn.crearcuenta:hover{
	color: #ffffff;
    background-color: #1e305a;
    border-color:transparent;
}



.sin-pin{
	width:100%;
	background: #1e305a;
	display:table;
	padding: 4px 0px 7px;
	margin:10px auto;
	border-radius:8px;
	color:#fff;
	font-size: 14px;
	text-align: center;
}
.sin-pin .btn-matricula{
	display: inline-block;
	margin: 3px 10px 0;
	padding: 6px 12px;
	background-color: #c90106;
	border: 1px solid transparent;
	border-radius: 0px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
}
.sin-pin .btn-matricula:hover{
	color: #fff;
    background-color: #ff1a2d;
    border-color:transparent;
    cursor:pointer;
}



/** LOGIN **/
.modulo-login{
    width: 90%;
	max-width: 730px;
	height:auto;
	/*	float:right;
	clear:none;*/
	margin: 5px 10px 0px;
	display: inline-table;
}
.ingresa{
	width:600px;
	height:auto;
	padding: 20px 0px 15px;
	color:#66ccca;
	font-size:31px;
	line-height:40px;
	letter-spacing:1px;	
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:900;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0px 0px 7px rgba(0, 0, 0, 0.8);
}

#login{
	width: 250px;
	height:auto;
	background:rgba(0,0,0,0.35);
	display:inline-table;
	text-align:left;
	/*	float:left;
	clear:none;*/
	padding: 15px 10px;
	margin: 12px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	letter-spacing:1px;
	border-radius:15px;
}
.campos{width: 285px;float:left;}

.tit-login{
	height:16px;
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px 0px 6px;
	text-align: center;
}
.txt-campos{
	width:92px;
	font-size:12px;
	letter-spacing:0px;
	text-transform:uppercase;
	display:inline-block;
}
#login input{
	width: 185px;
	height:28px;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#00004c;
	text-align:left;
	vertical-align:middle;
	margin:7px 0px;
	padding-left:3px;
	letter-spacing:0px;
	background:#fff;
}
.txt-small{
	font-size:11px;
	letter-spacing:0px;
	text-transform:none;
	margin: 5px 0px 10px;
	float:left;
}
.txt-small a{text-decoration:underline;	color:#fff;}
.txt-small a:hover{text-decoration:none; color:#66ccca;}

#new-user{
	width: auto;
	height:auto;
	background:rgba(0,0,0,0.5);
	display: inline-table;
	text-align:left;
	padding: 15px 10px 80px;
	margin: 12px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	letter-spacing:1px;
	border-radius:15px;
	float: right;
}
.txt-aun{
    width: auto;
    height: auto;
    margin: 30px auto 15px;
    display: table;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 18px;
    line-height: 24px;
    letter-spacing:1px;
    color:#fff;
    text-transform:uppercase;
}
#login .btn-ingreso, a.registrate{
	width: 160px;
	height: auto;
	color:#fff;
	background:#dd0000;
	margin: 8px auto 0px;
	padding: 10px 0px 12px;
	float: none;
	display: table;
	border:0px;
	border-radius:10px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
}
#login .btn-ingreso:hover, a.registrate:hover{
	background:#ab0000;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}

a.registrate{
	width: 350px;
	height:auto;
	background:#59b2b1;
	padding: 15px 0px;
	margin:12px auto 0px;
	font-size:25px;
	letter-spacing:1px;
	float:none;
	display:table;
}
a.registrate:hover{
	background:#1a807e;
}


.btn-volver{
	padding:7px 14px;
	margin:0px auto 30px;
	display: table;
	float:none;
	clear:none;
	border-radius:10px;
	
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color:#000045;
	font-size:14px;
	letter-spacing:0px;
	text-transform:uppercase;
	text-decoration:none;
	/*z-index: 1000;
	position: relative;*/

	-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-volver: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);
}



/** HOME DE NIVEL **/
#numero-nivel, #numero-nivel-azul{
	width:100%;
	height:auto;
	text-align:center;
	background:#c8000c;
	padding:5px 0px 3px;
	margin-top: 0px;
	
	color:#fff;
	font-size:44px;
	letter-spacing:1px;	
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:900;
	text-transform:uppercase;
}
#numero-nivel-azul{
	width: auto;
	height:auto;
	display:table;
	margin:0px auto;
	background: rgba(0,0,0,0.4);
	padding: 4px 10px;
	font-size: 20px;
	border-radius:0px 0px 10px 10px;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
}
#numero-nivel-azul .niv{
	width: auto;
	height:auto;
	display:inline-table;
	margin: 6px 7px;
	padding: 3px 10px 4px;
	font-size: 19px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	text-shadow: -1px 1px 2px rgba(0,0,0,0.5);

	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%); /* 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 */	
}
#numero-nivel-azul .niv:hover{
	background: #4c9998;
	text-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.voicelab-categories a.unidad{
	width: 250px;
	height: 120px;
	padding:0px 0px 0px 0px;
	margin: 30px 3px 34px;
	display: inline-block;
	border-radius:6px;
	border:2px solid #fff;
	text-decoration:none;
}
a.unidad:hover{
	cursor:pointer;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
}
a.unidad.celeste{background: #66ccca;}
a.unidad.verde{background: #82d982;}
a.unidad.amarillo{background: #f9e78c;}
a.unidad.hsa{background: #ffccd4;}
.num-unidad{
	width: auto;
	height:12px;
	margin:0px auto;
	padding: 6px 7px 5px;
	background:#1e305a;
	border-radius:0px 0px 6px 6px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:17px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	display: table;
	font-weight: 700;
}
.nombre-unidad{
	width:154px;
	height:37px;
	margin:0px auto;
	display:table;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:bold;
	font-size:15px;
	line-height:18px;
	text-align:center;
	color:#1e305a;
	text-transform:uppercase;
	padding:8px 3px 0px;
}
a.unidad img{
	margin: 0px 0px -50px -10px;
}

a.btn-repaso{
	width:auto;
	height:25px;
	margin:0px auto 15px;
	padding:15px 30px;
	display:table;
	border-radius:6px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:25px;
	line-height:25px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#000045;
	-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), 0 0 6px 0px rgba(0,0,0,0.6);
	box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,0.3), inset -1px -1px 1px 0 rgba(0,0,0,0.3), 0 0 6px 0px rgba(0,0,0,0.6);

}

a.btn-repaso.celeste{
	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 */
	}
a.btn-repaso:hover{
	-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);
}
a.btn-repaso.celeste:hover{background:#66ccca;}

a.btn-repaso.verde{
	background: #82d982; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM4MmQ5ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiM0ZGJmNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #82d982 40%, #4dbf4c 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#82d982), color-stop(90%,#4dbf4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #82d982 40%,#4dbf4c 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #82d982 40%,#4dbf4c 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #82d982 40%,#4dbf4c 90%); /* IE10+ */
	background: linear-gradient(to bottom,  #82d982 40%,#4dbf4c 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82d982', endColorstr='#4dbf4c',GradientType=0 ); /* IE6-8 */
}
a.btn-repaso.verde:hover{background:#82d982;}

a.btn-repaso.amarillo{
	background: #f9e78c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmOWU3OGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNkZWM4NTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f9e78c 40%, #dec859 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#f9e78c), color-stop(90%,#dec859)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9e78c 40%,#dec859 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9e78c 40%,#dec859 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9e78c 40%,#dec859 90%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9e78c 40%,#dec859 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e78c', endColorstr='#dec859',GradientType=0 ); /* IE6-8 */
}
a.btn-repaso.amarillo:hover{background: #f9e78c;}


/*BUSINESS*/
#cont-unidad{
	text-align:center;
	margin: 20px 0 0px 0;
}
.modulo{
	width: 110px;
	height: 245px;
	display:inline-table;
	text-align:center;
	text-transform:uppercase;
	color:#66ccca;
	font-size: 22px;
	line-height: 20px;
	letter-spacing:1px;
	text-decoration:none;
	font-weight:900;
	margin: 0px 0 0px 0;
}
.modulo:hover{
	color:rgba(155, 217, 33, 0.8);
	cursor:pointer;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
}
.modulo img{
	width: 245px;
	height:auto;
	display:inline-block;
}

#content a.unidad, .row.tecnicas #content a.unidad{
	width:250px;
	height: 122px;
	border-radius:6px;
	border:2px solid #fff;
	padding:0px 0px 0px 0px;
	margin: 0px 3px 48px;
	text-decoration:none;
	background: #66ccca; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5ZDllNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEwYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #b5e5e4 0%, #66ccca 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5e5e4), color-stop(100%,#66ccca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b5e5e4 0%,#66ccca 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b5e5e4 0%,#66ccca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b5e5e4 0%,#66ccca 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b5e5e4 0%,#66ccca 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e5e4', endColorstr='#66ccca',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow:  -1px 1px 8px rgba(0,0,0,.3);
	box-shadow: -1px 1px 8px rgba(0,0,0,.3);
	display: inline-table;
}
#content a.unidad:hover{
	cursor:pointer;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
}
.row.tecnicas #content a.unidad{
	margin: 0px 3px 60px;
}
.tit-unit{
	width:240px;
	height: 45px;
	margin:5px auto 0px auto;
	font-family:'handsean';
	font-size: 16px;
	line-height: 20px;
	text-align:center;
	color:#1e305a;
}
.row.tecnicas .tit-unit{
	height: 60px;
	font-size: 15px;
	line-height: 18px;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.row.tecnicas a.unidad img{
	margin: 0px 0px -50px 0px;
	border-radius: 100px;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: -1px 1px 10px rgba(0,0,0,0.3);
}
.tit-esp{
	width:240px;
	height: 18px;
	margin:0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	text-align:center;
	color:#fff;
}




/** HOME UNIDAD **/

/** DASHBOARD **/
#dashboard{
	width: auto;
	/* height: auto; */
	/* float:left; */
	/* clear:none; */
	display: table;
	margin: 0 auto;
}
.dash-centro{
	width: auto;
	/* max-width: 735px; */
	height:auto;
	display:table;
	margin: 10px auto;
	background: #66ccca;
	-webkit-box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.15);
}
.tit-indicador{
	width: 100%;
	height:auto;
	/* float:left; */
	padding: 7px 10px 7px 25px;
	text-align:left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 900;
	color: #ffffff;
	font-size: 16px;
	line-height: 17px;
	letter-spacing:1px;
	text-transform:uppercase;
	/* text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.9); */
	background: url(http://inglesen100dias.com/img/ico-progreso.png) no-repeat 20px 5px #ca0311;
	background: #1e305a;
}
.dash{
	width: auto;
	/* min-width: 765px; */
	height:auto;
	display: table;
	margin:0px auto;
	/*background: #66ccca;
	 -webkit-box-shadow: 0px 1px 15px 3px rgba(0, 0, 0, 0.6); */
	/* box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1); */
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	text-align: center;
}
#graficos, #estadisticas{
	display: inline-block;
	vertical-align: top;
	text-align: left;

}
#estadisticas{
	width: auto;
	height: auto;
	padding: 0px 0px 0px 10px;
	margin: 2px 13px 0;
	/* float:left; */
	/* clear:none; */
	letter-spacing: 0px;
}
#estadisticas li{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	line-height: 34px;
	list-style-image: url(/img/circ-progress.png);
	/* list-style: none; */
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
}
#estadisticas li .blue{
	color: #ffffff;
	float:none;
	font-size: 18px;
	/* font-family: 'AvenirLT-Bold', Arial, Helvetica, sans-serif; */
	font-weight: 900;
}
.importante{
 	width: auto;
 	height: 21px;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	line-height: 11px;
 	letter-spacing:0px;
 	font-weight:normal;
 	color: #1e305a;
 	margin: -12px 0px 4px 0px;
 	float: left;
 	text-transform: none;
}
.fecha{
	width: 98%;
	height:auto;
	background:#360c96;
	text-align:center;
	padding: 6px 1%;
	font-family: 'AvenirLT-Medium', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#fff;
	line-height:14px;
	letter-spacing:0px;
	text-transform:uppercase;
	display: table;
}
.fecha strong{font-family: 'AvenirLT-Bold', Arial, Helvetica, sans-serif;}

.hasta{
	width:180px;
	float:right;
}
#graficos{
	width:auto;
	max-width: 320px;
	font-family: 'AvenirLT-Bold', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #ffffff;
	text-transform:uppercase;
	margin: 10px 10px 0px;
}
#graficos .descripcion{
	font-size:8px;
	padding:0px 0px 0px 3px;
	line-height:26px;
}
.grafico-borde{
	width: 300px;
	height: 30px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 6px;
	font-size:13px;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 15px 0px;
}
.grafico-barra{
	height: 100%;
	float:left;
	/* box-shadow: 2px 2px 2px #888888; */
}
#grafico-progreso-dias{
	width: 4%;
	background-color: #041684;
	border-radius: 6px;
}
#grafico-nota-promedio{
	width: 62.5%;
	background-color: #041684;
	border-radius: 6px;
}
.valor-grafico{
	float:right;
	color: #ffffff;
	font-weight: bold;
	line-height: 31px;
	position:absolute;
	margin-left: 5px;
	font-size: 18px;
	font-family: 'AvenirLT-Bold', Arial, Helvetica, sans-serif;
}
.aclaracion{
	width: 190px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #bababa;
	padding:0px;
	margin: 4px 0px 10px 0px;
	float:left;
	clear:none;
	text-align:left;
}



#tit-actividad{
	width: 994px;
    height: auto;
    margin: 25px auto 10px auto;
	display:table;
	text-align:center;
	
	font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size:36px;
	line-height:32px;
    color:#fff;
    text-transform: uppercase;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
	letter-spacing: 1px;
}
.txt-actividad{
	width:765px;
	height: auto;
	margin:0px auto 8px;
	display:table;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:21px;
	color:#fff;
	letter-spacing: 1px;
}

.actividad{
	width:292px;
	height:323px;
	padding:5px 0px 0px 0px;
	display:inline-block;
}
.actividad.ebook{background:url(/activatuingles/img/act-ebook.png) top center no-repeat;}
.actividad.videos{background:url(/activatuingles/img/act-videos.png) top center no-repeat;}
.actividad.audios{background:url(/activatuingles/img/act-audios.png) top center no-repeat;}
.actividad.roleplay{background:url(/activatuingles/img/act-roleplay.png) top center no-repeat;}
.actividad.pronunciacion{background:url(/activatuingles/img/act-pronunciacion.png) top center no-repeat;}
.actividad.pronunciacion-hsa{background:url(/activatuingles/img/pronunciacion-hsa.png) top center no-repeat;}

.actividad.test{background:url(/activatuingles/img/act-test.png) top center no-repeat;}
.actividad:hover{
	cursor:pointer;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	-khtml-opacity: 0.75;
}
#cont-actividad{
	width:auto;
	height:auto;
	margin:0px auto 30px;
	display:table;
}
.titulo-actividad{
	width: 994px;
    height: auto;
    margin: 20px auto 13px;
	display:table;
	text-align:center;
	
	font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size:36px;
	line-height:32px;
    color:#66ccca;
    text-transform: uppercase;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
	letter-spacing: 1px;
}

.img-responsive.mosaico{
	width: 210px;
	margin: 0px 0px 6px;
}
#service-one .img-responsive.mosaico{
	width: 210px;
	margin: 0px 0px 6px;
	border:1px solid #66ccca
}

/** MODULOS LANDING **/
.row h2.txt-informativo{
	padding: 15px 20px 0px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #1e305a;
	font-size: 19px;
	line-height: 30px;
	letter-spacing: 0.5px;
	text-transform:uppercase;
	text-align: center;
	border-bottom: 1px solid #66ccca;
	width: auto;
	display: table;
	margin: 0px auto 30px;
}
.logo-ati{
    width: 100%;
    max-width: 100px;
    margin: 0px auto;
	display: table;
}
.desc-ati{
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.5px;
    margin: 0 0 14px;
    text-align: center;
	height: 43px;
}
.desc-ati.alto{
    margin: 0 0 10px;
	height: 55px;
}
.desc-ati.uppercase{
    font-size: 17px;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1e305a;
}



/** CADA UNIDAD **/
h2.tit-unidad{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size: 21px;
	line-height:25px;
	color: #1e305a;
	margin: 0px;
}
.unidad-desc{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size: 16px;
	line-height: 22px;
	color:#1e305a;
	padding: 5px 0px 10px;
	letter-spacing: 0.5px;
}
.titulo-seccion{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:18px;
	line-height:25px;
	color: #66ccca;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding:5px 0px 1px;
	border-top: 1px dashed #66ccca;
}
.titulo-capsula a{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:28px;
	color:#1e305a;
	font-weight: 600;
	letter-spacing: 0px;
	padding: 8px 10px 7px 0px;
	display: inline-block;
	margin: 0px 0px 0 0px;
}
.nota-quiz-progress{
	width:auto;
	min-width: 115px;
	text-align:center;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:26px;
	background-color:#ca0311;
	color:#fff;
	font-weight: 600;
	letter-spacing: 0.8px;
	padding: 0px 10px 1px 10px;
	display:inline-block;
	margin: 0px 0px 0 0px;
	border-radius:5px;
	text-transform:uppercase;
}


.titulo-capsula:hover{
	background-color: #b5e5e4;
	cursor:pointer;
}

.bloque-seccion{margin:0px 0px 5px;}
.capsula-icono{
	width: 42px;
	height: 40px;
	float: left;
}
.capsula-icono.texto{background: url(/lms/img/ico-texto.png) 3px 4px no-repeat;}
.capsula-icono.pdf{background: url(/lms/img/ico-pdf.png) 3px 4px no-repeat;}
.capsula-icono.quiz{background: url(/lms/img/ico-quiz.png) 3px 4px no-repeat;}
.capsula-icono.assignment{background: url(/lms/img/ico-assignment.png) 3px 4px no-repeat;}
.capsula-icono.video{background: url(/lms/img/ico-video.png) 3px 4px no-repeat;}
.capsula-icono.test{background: url(/lms/img/ico-test.png) 3px 4px no-repeat; margin-bottom: 30px;}




.dsc-mct{
	font-family:"Lato", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
	margin: 3px 0px 10px;
	color: #1e305a;
}

/** FORMULARIO DE CONTACTO **/
#form-contacto{
	width:90%;
	max-width:996px;
	height:auto;
	display:table;
	margin:0px auto;
}
.contactoTabla{
	width: 100%;
	height:auto;
	display:table;
	margin: 15px auto 0px;
	color: #fff;
	font-size: 15px;
	text-transform:uppercase;
}

#form-contacto input{
	width:290px;
	height:28px;
	border:0px;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 20px;
	color:#00004c;
	text-align:left;
	vertical-align:middle;
	margin: 2px 0px 6px;
	padding-left: 3px;
	letter-spacing: 0px;
	background:#fff;
}
#form-contacto textarea{
	width:293px;
	height:130px;
	border:0px;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:20px;
	color:#00004c;
	margin:2px 0px 10px;
	padding-left: 3px;
}
#form-contacto .btn-enviar/*, .btn-cancelar*/{
	width:auto;
	height:auto;
	color:#fff;
	background:#59b2b1 /*dd0000*/;
	display: table;
	margin: 0px auto 30px;
	padding:15px 20px;
	border:0px;
	border-radius:10px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
}
#form-contacto .btn-enviar:hover/*, .btn-cancelar:hover*/{
	background:#1a807e /*#ab0000*/;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}/*
.btn-cancelar{background:#dd0000;margin-left: 50px;}
.btn-cancelar:hover{background:#660007;}*/
#form-contacto .txt-campos{
	width: 100%;
	font-size: 17px;
	letter-spacing:0px;
	text-transform:uppercase;
	display:inline-block;
	color:#fff;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
}

.nota-formulario{
	color: #1e305a;
	font-size: 15px;
	font-weight: normal;
	line-height: 22px;
	margin: 0px 0px 10px;
}
.btn.btn-primary.contacto{display: table !important;}

input.btn-ingresar, a.btn-cancelar{
	width:auto;
	height:auto;
	color:#fff;
	background:#00084e;
	display: table;
	margin: 5px auto 10px;
	padding: 6px 8px 6px;
	border:0px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 24px;
	font-weight: 700;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	border-color: transparent;
}
input.btn-ingresar{
	font-size: 21px;
	line-height: 33px;
	background-color: #00cdcb;
	letter-spacing: 1.5px;
	padding: 6px 15px 6px;
}

input.btn-ingresar:hover{
	cursor: pointer;
	color: #fff;
	background-color: #c7000c;
	border-color:transparent;
}

a.btn-cancelar{
	background: #1e305a;
}

a.btn-cancelar:hover{
	cursor: pointer;
	color: #fff;
	background: #413da2;
	text-decoration:none;
}

.submit{
	width:auto;
	display:table;
	margin:0px auto;
}

.txt-forgot, .txt-forgot a{
	width:auto;
	height:auto;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
	font-size: 14px;
	line-height:14px;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:center;
	text-decoration:none;
	display: inline-block;
}
.txt-forgot a{margin:10px 0px 5px 0px;color: #c7000c;}
.txt-forgot a:hover{color: #0b9c9b;text-decoration:underline;}



/** CONTACTO **/
#contacto{
	width:100%;
	height:auto;
	background:#66ccca;

	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:30px;
	text-align:center;
	text-transform:uppercase;
	padding: 20px 0px 28px;
	margin-bottom:20px;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
}
#contacto .btn-contacto{
    max-width: 326px;
    width: 90%;
	height:auto;
	display:table;
	margin: 13px auto 0px;
	padding: 23px 0px 22px;
	border-radius:10px;
	
	color:#fff;
	font-size:23px;
	text-decoration:none;

	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);

}
#contacto .btn-contacto: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);
}


.bg-negro{
	width:100%;
	height:auto;
	background:#000;
	padding: 12px 0px 11px;
	margin: 0px 0px 0px 0px;
	color:#fff;
	font-size:18px;
	line-height:25px;
	letter-spacing:1px;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
}
.datos{
	width: 90%;
	max-width: 900px;
	height:auto;
	text-align:left;
	padding: 12px 0px 11px;
	margin: 0px auto 0px;
	color:#fff;
	font-size:18px;
	line-height:22px;
	letter-spacing:1px;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
}

.bg-negro .datos strong{
	font-weight:400;
	text-transform:uppercase;
}
.datos ul{
	text-align:left;
	margin:0 0 20px 35px;
	line-height:22px;
}
.datos li{
	padding:7px 0 7px;
}

.datos-banco{
	font-size:18px;
	line-height:25px;
	letter-spacing:1px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	text-align:center;
	text-transform:uppercase;
	margin:10px 0px;
	background: rgba(255, 255, 255, 0.2);
	padding: 10px 0px;
}



#promo{
	width: 100%;
	height: auto;
	display: table;
	margin: 0px auto;
	background: #fff;
}
#promo .descuento{
	width: 100%;
	max-width: 900px;
	height: auto;
	display:table;
	margin: -14px auto 0px;
}

 #promo .img-contacto{
	width: 100%;
	max-width: 1200px;
	height: auto;
	display: table;
	margin: 0px auto;
}

/** CONTACTO SMALL **/
#contacto-small{
	width:100%;
	height:auto;
	background: #c7000c;
	display:inline-table;
	padding:0px;
	margin:0px 0px 0px;
}
#contacto-small .btn-contacto{
	width: auto;
	height:auto;
	display:table;
	margin: 0px auto 0px;
	padding: 5px 0px 4px 0px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:right;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	background: transparent;
	-webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	letter-spacing: 0px;
}
#contacto-small .btn-contacto:hover{
	color:#ffa59c;
	cursor:pointer;
}



/** PIE **/
#pie{
	width:100%;
	height:auto;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#1e305a;
	padding:0px 0px 20px;
}
#pie .politicas{color:#1e305a; text-decoration:none;}
#pie .politicas:hover{color:#c20000;}
.columbia-multimedia{margin:0px auto 0px; display:table; padding-bottom:8px;}

#red footer .logo.asoe{
	width: 100%;
	max-width: 150px;
	display: table;
	margin: 7px auto 5px;
}

#red footer .btn-legal{
	width: auto;
	display: inline-block;
	margin: 0px 5px 5px;
	float:none;
	background-color: #66ccca38;
	border-radius: 4px;
	position: inherit;
	text-align: center;
	color:#fff;
	padding: 5px 10px 6px;
	font-size: 11px;
}

#red footer .btn-legal:hover{
	background-color:rgb(255 255 255 / 0.9) !important;
	color:#1e305a !important;
	
}



/** REGISTRO **/
.img-registro {
	margin: 10px auto -40px;
	display: table;
}
.txt-gracias{
	width: auto;
	height: auto;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 31px;
	line-height: 40px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	display:block;
	color:#66ccca;
	margin-top: 20px;
	text-shadow:0px 0px 7px rgba(0, 0, 0, 0.8);
}
#cont_registro {
	width:auto;
	display:table;
	text-align: center;
	margin:0px auto 20px;
}
.acceso-txt{
	width: 100%;
	height: auto;
	float: left;
	clear: none;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-align: left;
	text-decoration: none;
	padding: 0px 0 0 0px;
}
.form-izq, .form-der{
	width:240px;
	height:auto;
	float:left;
	clear:none;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	letter-spacing:1px;
	text-align:left;
	margin: 0px 0px 0px;
	color:#fff;
	text-transform:uppercase;
}
.registroTabla{
	width:496px;
	height:auto;
	float:left;
	clear:none;
	font-family: AvenirLT-Medium, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:30px;
	color:#4d4d4d;
	text-align:left;
	text-decoration:none;
	padding:0 0 0px 0;
	margin:0;
}
.registroTabla td{
	height:auto;
}
.textfield{
	width:225px;
	height: 32px;
	margin:-5px 0px 5px 0px;
	padding: 0px 0px 0px 5px;
	background:#FFF;
	float: none;
	clear:none;
	border:0px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 18px;
	color: #000;
	letter-spacing:0px;
	text-decoration:none;
	text-align:left;
}
select.textfield {width:232px;height: 34px;}
.campos-obligatorios{
	width: auto;
	height:auto;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #fff;
	font-size: 13px;
	line-height:14px;
	margin: 0px 0px 10px 0px;
	padding:0px;
	text-align:center;
	text-decoration:none;
	display: inline-block;
}
.g-recaptcha{margin:0px auto;display: table;}
.registroTabla .btn-registrarse, #usuarios_content #form-contacto input.btn-enviar.fgt{
	width:auto;
	height:auto;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform:uppercase;
	color:#fff;
	font-size:20px;
	text-decoration:none;
	padding: 12px 20px;
	margin: 10px auto 0px;
	display:table;
	border-radius:5px;
	border:none;
	background: #d20910;
	text-shadow:-1px 1px 3px rgba(0, 0, 0, 0.5);
}


.registroTabla .btn-registrarse:hover{
	background:#820106;
	color:#fff;
	cursor:pointer;
	text-decoration:none;	
}

#UsuarioPwdChangeForm .btn-guardar, #UsuarioPwdChangeForm .btn-noguardar {
	width:auto;
	height:auto;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform:uppercase;
	color:#fff;
	font-size:25px;
	text-decoration:none;
	padding: 12px 20px;
	margin: 0px 15px 50px;
	display:table;
	border-radius:10px;
	border:none;
	background: #59b2b1;
	text-shadow:-1px 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 0 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0 0 8px 0px rgba(0,0,0,0.5);
}
#UsuarioPwdChangeForm .btn-guardar:hover, #UsuarioPwdChangeForm .btn-noguardar:hover{
	cursor: pointer;
	color: #fff;
	background: #1a807e;
	text-decoration:none;
	-webkit-box-shadow:0 0 3px 0px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
}



.registroTablaComentario{
	width:auto;
	height:auto;
	border-radius:20px;
	background-color: rgba(0,0,0,0.3);
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	line-height: 14px;
	color:#fff;
	text-align:left;
	text-decoration:none;
	padding: 10px 10px 8px 10px;
	margin: 25px auto 0px;
	display: table;
}
.blanco, .blanco-grande{
	color:#66ccca;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
	text-align:left;
	padding:0px 0 1px 8px;
	text-transform:none;
	text-decoration:none;
	font-weight: 600;
}
.blanco-grande{
	color:#fff;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:25px;
	line-height: 27px;
	font-weight: 700;
	text-transform:uppercase;
	text-decoration:none;

}
.registroTablaComentario li{
	width:auto;
	height:23px;
	font-weight:normal;
	line-height: 15px;
	list-style-image:url(/img/red-circle.png);
	list-style-position:inside;
	margin:2px 0 1px 0px;
	padding:5px 0px 0px 10px;
}
.registroTablaComentario li:nth-child(odd){background:rgba(0,0,0,0.4);}
.registroTablaComentario li:nth-child(even) {}
.select{
	height:25px;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#6A4D4D;
	text-align:left;
	text-decoration:none;
	border:1px solid #6A4D4D;
	margin:5px 4px 0 0;
	vertical-align:top;
	padding:2px 0 1px 0;
}
.message{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	color:#1a3968;
}
.error-message {
	width:280px;
	height:11px;
	float: left;
	clear:none;
	margin:0 0 0 3px;
	padding:0px;
	font-size:11px;
	font-weight:bold;
	line-height:7px;
	text-align: left;
	text-transform:none;
	color: #D90010;
}

/** LAND **/
.well.red{
    margin: 20px 0px 15px;
	width:100%;
	height:auto;
	background: #1e305a;
	display:table;
	border: 0px;
    border-radius: 10px;
    padding: 12px 20px 7px;
}

.row.blanco{
	color:#fff;
	font-size:18px;
	line-height: 22px;
	text-align:center;
}

a.btn.btn-default{
	margin: 15px auto 5px;
	letter-spacing: 1px;
}



/** LISTENING TEST **/
.listening-test{
	margin: 0px auto 0;
	display:table;
	text-align: center;
	color:#1e305a;
}
.listening-test .audio .tit, .listening-test .video .tit{
	width: auto;
	height:auto;
	display: table;
	margin: 10px auto 0px;
	padding: 2px 10px 2px;
	background:#1e305a;
	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;
}
.listening-test .audio, .listening-test .video{
	width: auto;
	height:auto;
	margin: 5px 5px 10px;
	display:inline-table;
	padding: 5px 15px;
	border: 1px dotted #1dc3ae;
}
.listening-test .video{
	padding: 10px 10px 5px;
}
.listening-test .video .tit{
	margin: 0px auto 0px;
	padding: 2px 10px 2px;
}


/** 1000 PALABRAS CLAVE **/
.milpa{-webkit-padding-start: 0px;}
.milpa li{
	font-size: 20px;
	color: #00004c;
	list-style-type: none;
	font-style: italic;
	background-color:#fff;
	width: 100%;
	display: table;
	}
.milpa li:nth-child(odd){background-color: #e2fdfc;}
.palabra-num{
    font-size: 30px;
    font-weight: 900;
    margin: 5px 10px 5px 5px;
    padding: 3px 5px 3px 5px;
    min-width: 82px;
    display: inline-block;
    background-color: #66ccca;
    text-align: center;
    color: white;
    font-style: normal;
    float: left;
    border-left: 5px dotted #c6030d;
}

.palabra-en{font-size: 25px;color: #c6030d;font-style: normal;display: table;line-height: 25px;padding: 5px 0 2px 0;}

.palabra-es{font-size: 15px;color: #777777;font-style: italic;display: table;width: auto;padding: 0 5px 5px 0px;line-height: 16px;}

.play-button.fa-play-circle{color: #1e305a;font-size: 40px;margin: 8px 5px;float: right;}
.play-button.fa-play-circle:hover{color: #c6030d;}



/** PROCESO DE REGISTRO **/
#proceso_registro .panel-default>.panel-heading {
    color: #fff !important;
    background-color: #2d2a82 !important;
    border-color: #65ccca !important;
}
#proceso_registro .panel-primary>.panel-heading {
    color: #fff !important;
    background-color: #c90306 !important;
    border-color: #2d2a82 !important;
}
#proceso_registro h2{
    color: #780100 !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 20px !important;
}

#proceso_registro .panel-default {border-color: #65ccca !important;}
#proceso_registro .panel-primary {border-color: #e80306 !important;}
#proceso_registro .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}
#proceso_registro p{font-size:15px;}
#proceso_registro .panel-body em{
	color:#e80306; 
	font-weight:800;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-style:inherit;
	text-transform:uppercase;
}
#proceso_registro .btn.btn-primary{
	color: #fff;
	background-color:#c90306;
	border-color:transparent;
	text-align: center;
	display: table;
	margin: 0px auto 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	border-radius: 10px;
}
#proceso_registro .btn.btn-primary:hover{
	color: #fff;
    background-color: #65ccca;
    border-color:transparent;
}

.card-header .btn.btn-link{white-space: unset;text-align: left; width: 100%;}

.card {  
  background: rgba(234, 234, 234, 0.5);
  border:1px solid #cef2ed; 
  margin: 0 0 10px;
  border-radius:5px;
	color:#1e305a;
font-size:16px
}

.card h5{margin: 0 0 0px;}
.card-body{font-size:15px;padding: 6px 12px;border-top: 1px dotted rgba(29, 195, 174, 0.5); text-align: left;}

.card .btn-link{font-weight:bold; color:#1e305a;font-size:16px}
.card .btn-link:hover{text-decoration:none;background:#1dc3ae; color:#fff; width:100%;border-radius: 4px;}

#accordion.definiciones .card {  
  background: #1e305a;
  border:1px solid #cef2ed; 
  margin: 0 0 10px;
  border-radius:5px;
	color:#fff !important;
}
#accordion.definiciones .card .btn-link{
	color:#fff;
	font-size:25px;
	display:inline;
	width:100%;
}
#accordion.definiciones .card .btn-link:hover{
	background:#1dc3ae;
	display:inline;
	width:100%;
}
#accordion.definiciones .card-body{
	background:#fff !important;
	color:#1e305a;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	padding:0px 0px;
}
#accordion.definiciones .card-body li strong{color: #00a2d6;text-transform: uppercase;}
#accordion.definiciones .card-body li:nth-child(even)  {background:rgba(204, 204, 204, 0.3);}

/*
.row.glosario-content{
	text-align:center;
}
*/
.txt-desc{
	display: table;
	text-align: left;
	color:#00084c;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: 0px;
	text-decoration:none;
	margin: 20px 0 0px 0;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

.audio-cont{
	display:inline-block;
	margin: 0 20px;
}
.audio-title, .video-sub-tit{
	width: auto;
	height: auto;
	margin: 21px 0 0px;
	display:table;
	font-family: 'handsean', Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 22px;
	text-align: left;
	letter-spacing:0.5px; 
	padding: 10px 10px 11px;
	text-shadow: -1px 1px 1px rgba(0,0,0,0);
	border-top: 2px dotted rgba(97, 200, 213,0.8);
	border-right: 2px dotted rgba(97, 200, 213,0.8);
	color: #66ccca;
	border-radius:0px 15px 0px 0px;
}
.videoWrapper{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*@media screen and (max-width: 1018px){
	#contacto-small .btn-contacto{
		width:98%;
		padding: 4px 1% 2px;
	}
}*/
@media screen and (max-width: 1200px){
	.puntos strong{display: block;}
	.puntos li{
		list-style-type: none;
		text-align:center;
		padding: 8px 10px 8px;
	}
}
@media screen and (max-width: 991px){
	.glosario-center {text-align: center !important;}
	.modulo-nivel .tit-unidades{height: auto;min-height: inherit;}
	.grilla .modulo-nivel .tit-unidades{height: auto;min-height: inherit; margin: 1px auto 6px;}
	.puntuacion{padding: 7px 0px 0px;line-height: 15px;font-size: 15px;}
	.row.bg-content .panel.panel-default.modulo-small.glosario .puntuacion{padding: 6px 0px 0px !important;line-height: 15px;font-size: 13px;}
	.col-md-3.glosario .panel-default>.panel-heading h4{
		line-height: 13px;
		font-size: 13px;
		padding:0px 10px;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.glosario-col{display: inline-block;width: 49%;vertical-align: text-top;}
	.col-md-3.glosario h4 i{display: inline-block;}
	.grilla .modulo-nivel{width: 49%;display:inline-block;vertical-align:top;}

}

@media screen and (max-width: 955px){
	#top-internas{
		width:100%;
		/*height: 245px;*/
		margin: 0px auto;
		background: (/activatuingles/img/aprende-ingles-hoy.png) center 18px no-repeat #fff;
		display: table;
	}
	#top-internas .logo{
		position:absolute;
		z-index:1000;
	}
	#top-internas .logo-columbia{
		float:right;
		clear:right;
		margin: 40px 15px 0px 0px;
	}
	#top-tvingles {
		width: 100%;
		/*background: url(/img/curso-de-ingles.png) top center no-repeat #fff;*/
	}

}


@media screen and (max-width: 890px){
	.btn-volver{
		padding:7px 14px;
		margin:10px auto -5px;
		float:none;
		clear:none;
		display:table;
	}
	#numero-nivel{font-size: 38px;}
	/*#usuarios_content{margin-top:20px;}*/
	#login, #new-user{
		float:none;
		display:table;
		margin: 10px auto 5px;
		padding: 12px 2% 18px;
		text-align: center;
	}
	.txt-aun{margin: 0px auto;}
}
@media screen and (max-width: 820px){
	.btn-contacto.tel{margin: 10px auto 0px;}
}
@media screen and (max-width: 800px){
	#top-internas .logo-columbia{
		float:right;
		clear:right;
		margin: 10px 15px 0px 0px;
	}
	#top-gris .tel{
		width: 98%;
		float: none;
		margin: 0px auto 0px;
		text-align: center;
	}

}
@media (max-width: 768px){
	.btn-crearcuenta{margin: 5px 16px 0px;}
}
@media screen and (max-width: 700px){
	#top{
		height: 400px;
		margin: 0px auto;
		background: url(/inglesusa/img/aprende-ingles-hoy.png) center 198px no-repeat #fff;
	}
	#top .logo{
		position:relative;
		margin: 10px auto 0px;
		display:table;
		float:none;
	}
	#top .logo-uap{
		width: 105px;
		display: table;
		float:none;
		margin:0px auto;

		background: #fff;
		border-radius: 6px;
		padding: 5px;

		position: relative;
		top:initial;
		bottom: -145px;
		right: 0px;
	}
	#top-tvingles .logo{
		display:table;
		float:none;
		margin:0px auto -20px;
		position:relative;
	}
	#top-tvingles .logo{
		display:table;
		float:left;
		position:relative;
	}
	#top-tvingles .logo-itcsolo{
		display:table;
		float:right;
		position:relative;
	}
}

@media screen and (max-width:750px){
	.modulo-usuario{
		width: 98%;
		padding: 0px 1% 0px;
		position:absolute;
		top:0px;
		margin: 0px auto 5px;
		display: table;
		float: none;
	}
	#top-internas{
		height: 384px;
		margin: 0px auto;
		background: url(/img/aprende-ingles-hoy.png)  center 183px no-repeat #fff;
	}
	#top-internas .logo{
		position:inherit;
		/*margin: 50px auto 0px;*/
		display:table;
		float:none;
		margin: 55px auto 0px;
		max-width: 249px;
		width: 80%;
	}
	#top-internas .logo-columbia{
		width: 85px;
		background: #fff;
		border-radius: 6px;
		position: relative;
		bottom: -128px;
		right:inherit;
		padding: 5px;
		margin: 0px 10px 0px 0px;
		display: table;
		float: right;
	}

}
@media screen and (max-width:640px){
	#login, #new-user{
		width: 96%;
	}
	.tit-login{
		font-size:18px;
		height: auto;
		margin:0px;
	}
	.txt-aun{
		width: 96%;
		padding:0px 2%;
	}
	a.registrate{
		width: 90%;
		padding: 15px 2%;
	}
	.campos{
		width: 100%;
		display: table;
		margin: 10px auto 0px;
		float: none;
	}
	.txt-campos{
		width: 100%;
		font-size: 16px;
	}
	#login input{width: 90%;height: 33px;font-size: 16px;}
	.txt-small{
		width: 90%;
		display: table;
		margin: 5px auto;
		float: none;
	}
	#login .btn-ingreso{
		width: 90%;
		display: table;
		margin: 15px auto 0px;
	}
}

@media screen and (max-width:575px){
	.registroTabla{width:100%;}
	.form-izq, .form-der{
		width:90%;
		float:none;
		display:table;
		margin:0px auto;
		text-align:center;
	}
	.textfield, select.textfield{width:96%;}
	.img-registro{width:90%;}
	.registroTablaComentario li{
		height: auto;
		padding: 5px 0px 5px 10px;
	}
	.txt-gracias, .acceso-txt{
		width:96%;
		/*margin:0px 1%;*/
		text-align:center;
	}
	.txt-gracias{line-height: 31px;}
}


@media screen and (max-width:530px){
	#usuarios_content{
		width: 96%;
		padding: 10px 2%;
	}

}

@media screen and (max-width:500px){
/*	#top-internas{height: 475px;}*/
	#numero-nivel, #numero-nivel.tit-contacto{font-size: 36px; line-height: 33px; padding: 10px 0px; /*margin-top: -50px;*/}
}

@media screen and (max-width:420px){
	.grilla .modulo-nivel{width: 100%;}
	.modulo-nivel .tit-unidades, .grilla .modulo-nivel .tit-unidades{font-size:18px;min-height: auto;line-height: 19px;padding: 9px 0px 2px;}
	.modulo-nivel .panel-heading .img-responsive{width: 60%;}
}

/*@media screen and (max-width:440px){
	#top-internas{height: 455px;}
}*/

/*@media screen and (max-width:400px){
	#top-tvingles .logo, #top-tvingles .logo-itcsolo{
		display:table;
		float:none;
		margin: 5px auto 0px;
		padding: 0px;
		position: inherit;
		width: 70%;
	}
	#top-tvingles .logo-itcsolo{width: 35%;}
}*/
@media screen and (max-width:400px){
	#top-tvingles .logo, #top-tvingles .logo-itcsolo{
		display:table;
		float:none;
		margin: 5px auto 0px;
		padding: 0px;
		position: inherit;
		width: 55%;
	}
	#top-tvingles .logo-itcsolo{width: 30%;}
/*	#top-tvingles img{
		display:none;
	}
	#top-tvingles{
		height:600px;
		background: url(/img/curso-tv-ingles.png) bottom center no-repeat #fff;
	}*/
}

@media screen and (max-width:340px){
	.registroTabla .btn-registrarse{
		width:96%;
		padding:12px 2%;
	}
	.g-recaptcha{width:90%;}
	.txt-aprende{
	    font-size: 27px;
    	line-height: 27px;
	}
	#form-contacto input, #form-contacto textarea{width:98%;}
}

@media screen and (max-width:333px){
	#top-internas .logo{
		margin: 33px auto 0px;
	}
	#top-internas{
		/*height: 461px;*/
		margin: 0px auto;
		background: url(/img/aprende-ingles-hoy.png) center 183px no-repeat #FFF;
	}
	#top-internas .logo-columbia{
		width: 90px;
		float: none;
		padding: 3px;
		position: relative;
		bottom: -138px;
		display: table;
		margin: 0px auto;
	}
}

@media screen and (max-width:310px){
	.registroTabla .btn-registrarse{font-size: 19px;}
}

/** 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: 'Lato', 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 #1e305a;
	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: 22px;
	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;
	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;

}
.capsula-texto{
	font-family:"Lato", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
}
.media-heading{
	font-family:"Lato", Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 17px;
	line-height: 18px;
	letter-spacing: 0.5px;
	color: #1e305a;
}
.desc-uni{
	font-family:"Lato", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.5px;
	color: #1e305a;
}



h4.mod-audio-txt {

    line-height: 17px !important;
    font-size: 14px;
    letter-spacing: 0.2px;
    font-weight: 700;
    padding: 0px 10px;
}


.nota-test{
	width:92%;
	max-width: 675px;
	height:auto;
	display:table;
	margin: 10px auto;
	padding: 10px 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;
	background: rgba(102, 204, 202, 0.6);
	border-radius: 10px;
}


.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);
}

#RegistroNewsletterIndexForm .asterisco, #RegistroNewsletterIndexForm .btn-enviar{
	display:inline-block;
	margin: 20px 0px 20px;
}

#examen{
	height:auto;
	margin: 0px auto 0px;
	padding: 15px 0px 25px;
	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: #1e305a;
	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;
}

.list-inline{text-align: center !important;}

@media (min-width:992px) and (max-width:1200px){
	.list-inline>li{padding-left:0;margin-left:-5px;list-style:none}
	.desc-ati{height: 53px;}
	.thumbnail .caption h3 a{font-size: 23px;}
	.row#modulos .btn-primary{padding: 6px 6px;}
	a.btn.btn-default.small{
		margin: 0px auto 0px;
		letter-spacing: 0px;
		padding: 6px 6px;
	}

}
@media (min-width:992px){
	#ActivarEntregaForm{text-align:center; }
	#ActivarEntregaForm .campo-pin{display: inline-block;width: 150px; margin:5px 2px 0px;}
	.col-md-6.modulo-nivel .btn-activar{display: inline-block; margin:0px 3px;}
	.entrega-vencimiento{
		margin: 9px auto 6px;
		font-size: 13px;
		padding: 4px 5% 5px;
	}
	a.btn.btn-default{
		margin: 15px auto 18px;
    	letter-spacing: 1px;
	}
	a.btn.btn-default.small{
		margin: 0px auto 10px;
		letter-spacing: 0px;
	}
}
@media (max-width:495px){
	a.btn.btn-default.small{
		margin: 0px auto 8px;
		letter-spacing: 0px;
	}
}