@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;
}
a:focus, a:hover{color:inherit;}
*{
	margin:0px;
	padding:0px;
	/* background-color: white; */
}
img{
	border:0px;
}
ol, ul{margin:0px; padding:0px;}
td, th {padding: 0px 15px 0 0;}

h3{/*	margin:0px 0 10px;*/color: #0c248b;font-weight: 500;text-transform: uppercase;}

body{
	font-size:19px;
	color:#666;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background: #fff;
	
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
}
#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: #0b315a;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 32px;
	margin: 20px 0 12px;
}
h1.page-header{
	color: #0c248b;
	font-size: 27px;
}
.page-header small, h1.page-header .small{
    line-height: 24px !important;
    display: block;
    color: #051bdb;
}



.table-center{
	display: table;
	margin-right: auto;
	margin-left: auto;
	float: none;
}

/** HEADER Black Friday 2023 **/
#header-cursodepc.header-bf {
	margin: 0px 0 0px;
	background: url(/img/CursoDePC-bg-header.jpg) #e9e3e5;
	background-attachment: fixed;
    background-size: cover;
	padding: 0px 15px;
}
#header-cursodepc.header-bf .btn.quieropromo{
	font-size: 26px;
	line-height: 33px;
	background-color: #6d12ac;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding: 6px 15px 6px;
	border-radius: 100px;
	border:4px solid #6d12ac;
	margin: -53px auto 0px;
	position: relative;
	z-index: 1000;
	display: table;
	bottom: 23px;
	text-shadow: 0px 0px 4px rgb(0 0 0 / 0.4);
	box-shadow: 0px 0px 12px rgba(0,0,0,.5);
}
#header-cursodepc.header-bf .btn.quieropromo:hover{
	text-shadow: 0px 0px 0px rgb(0 0 0 / 0);
	cursor: pointer;
	color: #550090;
	background-color: #76fed0;
	border:4px solid #6d12ac;
}
#header-cursodepc.header-bf .precio{
	width: 100%;
	max-width: 230px;
	margin: 0 0 0 -180px;
	display: table;
	position: relative;
	z-index: 1000;
	float: right;
}
#header-cursodepc.header-bf .precio.h{
	display: none;
}
#header-cursodepc.header-bf .muchacha{
	width: 100%;
	max-width: 780px;
	margin: 0 auto 0;
	display: table;
}
@media screen and (max-width: 890px){
	#header-cursodepc.header-bf .precio{display: none;}
	#header-cursodepc.header-bf .precio.h{
		max-width: 324px;
		margin: 0 auto -30px;
		display: table;
		position: inherit;
		float: none;
	}
}
@media screen and (max-width: 500px){
	#header-cursodepc.header-bf .btn.quieropromo{
		font-size: 18px;
		line-height: 18px;
		padding: 6px 12px 6px;
		margin: -38px auto 0px;
		bottom: 13px;
	}
}




#cursoingles .navbar-brand .logo{
	width: 95%;
	max-width: 326px;
	padding-top: 1px;
}
.logo-dt{
	width: 100%;
	max-width: 76px;
	background: #fff;
	margin: 2px 0px 0px -10px;
	padding: 1px 6px;
	border-radius: 8px;
}

#cursoingles .logo-icd{
	width: auto;
	float: right;
	margin: 3px 0px 0px 0px;
}

#cursoingles .navbar-brand {
    height: auto;
    padding: 2px 5px;
}

/*#cursoingles .navbar-nav>li>a {
    padding: 27px 8px  8px;
}*/

#cursoingles .navbar-nav>li>a.logo-nav {
    padding: 7px 32px 5px;
}

#cursoingles .navbar-right{
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.3px;
}
#cursoingles i.fa.fa-fw.fa-facebook-square{font-size: 20px;}
#cursoingles.navbar-inverse .navbar-nav>li>a{/*font-size: 11px;*/
    width: auto;
    display: inline-block;
    margin: 7px 3px 0;
    padding: 7px 8px;
}
#cursoingles.navbar-inverse .navbar-nav>li>a:hover, #cursoingles.navbar-inverse .navbar-nav>li>a:active, #cursoingles.navbar-inverse .navbar-nav>li>a:focus,
#cursoingles .navbar-inverse .navbar-nav>.open>a, 
#cursoingles .navbar-inverse .navbar-nav>.open>a:hover,
#cursoingles .navbar-inverse .navbar-nav>.open>a:focus,
#cursoingles .navbar-inverse .navbar-nav>.open>a:active{background-color: rgba(255,255,255,0.2);color: #7722b4;}

#cursoingles .navbar-nav>li>.dropdown-menu{color:#fff;background:#3c1686;}
#cursoingles .dropdown-menu>li>a{
    color: #75ffd0;
    border: none;
    padding: 5px 12px 0px;
}
#cursoingles .dropdown-menu, 
#cursoingles .dropdown-menu>li>a{
	color:#fff;
	font-weight: 700;
    font-size: 11px;
}
#cursoingles .dropdown-menu a{color:#fff;padding:10px 0px;}
#cursoingles .dropdown-menu a:focus, 
#cursoingles .dropdown-menu a:hover{
    text-decoration: none;
	color: #8cd9d5;
}

#cursoingles .dropdown-menu a{line-height:26px;}

#cursoingles .dropdown-menu>li>a:hover{background:rgb(0 0 0 / 0.3); color:#75ffd0;text-decoration: none;}

.navbar-inverse .navbar-nav>.open>a{background-color: rgb(119 34 180); border-color:#ffffff52}
/*li.dropdown a.dropdown-toggle:hover{padding: 27px 8px  27px !important;}*/

.navbar-inverse .navbar-toggle {border-color: #58eeca;background-color: #58eeca;}
.navbar-inverse .navbar-toggle:focus{background-color: #0b315a;} 
.navbar-inverse .navbar-toggle:hover {background-color: #0b315a;}

#cursoingles.navbar-inverse{
/*
	-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);
	border-width: 0 0 0px;
*/
	-webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.4);
	background: rgb(1,17,90);
	background: -moz-linear-gradient(180deg, rgba(1,17,90,1) 0%, rgba(81,5,150,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(1,17,90,1) 0%, rgba(81,5,150,1) 100%);
	background: linear-gradient(180deg, rgba(1,17,90,1) 0%, rgba(81,5,150,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01115a",endColorstr="#510596",GradientType=1);

}

#cursoingles.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
}
#cursoingles.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
}


.btn-primary{
	border:0px solid transparent;
	border-style: none;
	border-radius: 0px;
	letter-spacing:1px;
	text-transform: uppercase;
}
.btn-primary:hover{
	border:0px solid transparent;
    background-color: #041684;
    color:rgba(255, 255, 255, 0.95);
}
#cursoingles .fa.fa-fw.fa-envelope{
	font-size: 15px;
	display:inline-table;
	padding: 11px 10px;
	margin: 7px 0px 0 5px;
	color: #ffffff;
	background: #7722b4;
}

#cursoingles .fa.fa-fw.fa-envelope:hover{
	color: #7722b4;
	background: #fff;
}

.btn-ingresar-land{
	width:auto;
	position: inherit;
	margin: -70px auto 18px auto;
	display: table;
	text-align: center;
	color: #001159;
	font-weight: 700;
	padding: 6px 30px;
	font-size: 23px;
	border-radius: 100px;
	border: 4px solid #001159;
	background: #a1ff82;
	background: -moz-linear-gradient(162deg, rgba(117,255,208,1) 0%, rgba(161,255,130,1) 100%);
	background: -webkit-linear-gradient(162deg, rgba(117,255,208,1) 0%, rgba(161,255,130,1) 100%);
	background: linear-gradient(162deg, rgba(117,255,208,1) 0%, rgba(161,255,130,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#75ffd0",endColorstr="#a1ff82",GradientType=1);
	box-shadow: 0px 0px 9px rgba(0,0,0,.2);
}
.btn-ingresar-land:hover{
	color:#fff;
	background:#001159;
	border: 4px solid #a1ff82;
}
.bg-video{
	margin: 0px 0 0;
	padding: 0px 0px;
}

.bg-video .img-responsive{
	width: 100%;
	max-width: 1900px;
	height:auto;
	margin:0px !important;
	padding:0px !important;
	position: static;
	z-index: -1;
}


.video-land{max-width:700px;margin: 0 auto;-webkit-box-shadow: -1px 1px 10px rgba(0,0,0,0.2);box-shadow: -1px 1px 10px rgba(0,0,0,0.2);}


.btn-crear-land{
	margin: 8px 5px 20px;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-weight: 700;
	padding: 6px 30px;
	font-size: 23px;
	border-radius: 100px;
	border: 4px solid #76fed0;
	text-shadow: -1px 1px 2px rgb(0 0 0 / 0.3);
	background: rgb(27,29,110);
	background: -moz-linear-gradient(180deg, rgba(27,29,110,1) 0%, rgba(111,15,173,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(27,29,110,1) 0%, rgba(111,15,173,1) 100%);
	background: linear-gradient(180deg, rgba(27,29,110,1) 0%, rgba(111,15,173,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b1d6e",endColorstr="#6f0fad",GradientType=1);
	box-shadow: 0px 0px 9px rgba(0,0,0,.2);
}
.btn-crear-land:hover{
	color:#fff;
	background:#6d12ac;
	border: 4px solid #fff;
}



/** LAND Especialidades **/
.panel-heading{
	background: #000;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiMwMDAwNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

	background: -moz-linear-gradient(top,  #232979 0%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232979), color-stop(100%,#000));
	background: -webkit-linear-gradient(top,  #232979 0%,#000 100%);
	background: -o-linear-gradient(top,  #232979 0%,#000 100%);
	background: -ms-linear-gradient(top,  #232979 0%,#000 100%);
	background: linear-gradient(to bottom,  #232979 0%,#000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232979', endColorstr='#000',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: #16cadb;
	margin: 10px auto 10px;
	line-height: 23px;
	font-size: 35px;
}

/** AVISO CLASES ONLINE **/
.clases-online{
	width: 90%;
    max-width: 590px;
	margin: 20px auto -11px auto;
	background: #0b315a;
	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: #16cadb;
	color: #fff;
	cursor:pointer;
}
.clases-online:focus{
	color:#fff;
}


/** LAND **/
.section-windows{
	font-size: 35px;
	font-weight:700;
	letter-spacing:0px;
	color: #79fdca;
	background: #3a1684;
	padding: 3px 0px 5px;
}
section.frase-uno{
    width: 100%;
    background: #001159;
    color: #fff;
    letter-spacing: 0.5px;
    margin: 0px auto 10px;
    display: table;
    text-transform: uppercase;
}
section.frase-uno h2{
    font-size: 22px;
    font-weight:600;
}

    

section.frase-uno .btn{
	background: #000;
	color: #fff;
}

section#frase-dos{
	background: #ffffff;
	color: #001159;
	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: 42px;}

.row.txt-azul .desc{font-size:15px;}
.logos-cursos{/* width:150px; */max-height: 119px;padding-bottom: 5px;}
.bg-primary#incluye{background: rgb(117 255 208 / 0.3);padding: 1px 0px 20px;}
.bg-primary#incluye .text{
    margin: 0px 21px 10px;
    font-size: 21px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: bold;
    color: #0c248b;
}

section#frase-dos .btn, section.frase-uno .btn{
	background: #0b315a;
	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: #0b315a;
	color: #fff;
}
section.frase-uno .btn:hover{
	background: #fff;
	color: #0b315a;
}
section#frase-dos .btn:hover{
	background: #fff;
	color: #0b315a;
}

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%;
	color: #0c248b;
	font-weight: 700;
	line-height: 21px;
}
.row.txt-azul h2{font-weight: 700; text-transform:uppercase;}

.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;
	color: #3a1684;
	border: 3px solid #ffffff;
	background: #a1ff82;
	background: -moz-linear-gradient(162deg, rgba(117,255,208,1) 0%, rgba(161,255,130,1) 100%);
	background: -webkit-linear-gradient(162deg, rgba(117,255,208,1) 0%, rgba(161,255,130,1) 100%);
	background: linear-gradient(162deg, rgba(117,255,208,1) 0%, rgba(161,255,130,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#75ffd0",endColorstr="#a1ff82",GradientType=1);
	box-shadow: 0px 0px 9px rgba(0,0,0,.2);
}
.row.txt-azul .col-md-6{float:none !important; display:inline-block;vertical-align:top;}

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

a.btn-tema{
	background: #6d20ac;
	color: #fff;
	display: table;
	padding: 1px 10px 2px;
	margin: 3px auto 0px;
	font-size: 12px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0px;
	border-radius:100px;
	border: 2px solid #fff;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
a.btn-tema:before{
	content: "\f067";
	font-family: "FontAwesome";
	font-size: 12px;
	line-height: 11px;
	margin: 0px 5px 0 0px;
}
a.btn-tema:hover{
	background:#79fdca;
	cursor:pointer;
	border: 2px solid #79fdca47;
	color: #6e20ad;
}

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

.zona-tit-tareas{
	margin: 0px 0 13px;
	padding: 0px 0px 10px;
	border-bottom: 1px dotted #001aff;
}
.zona-tit-tareas .tit{
	color: #0d248b;
	letter-spacing: -0.5px;
	font-size: 27px;
	line-height: 27px;
	padding: 0 0 0;
	margin: 0 0 0;
	display:initial
}
/** BREADCRUMB **/
.breadcrumb {
    background-color: #75ffd075;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    padding: 7px 10px 8px;
    letter-spacing: -0.3px;
    margin-bottom: 0px;
}
.breadcrumb a{color: #9016e5;font-weight:700;}
.breadcrumb>.active{color: #03219c;font-weight: 700; }
.breadcrumb>li+li:before{color: #001159;font-weight:500; padding: 0 0px;}
.breadcrumb a:hover{color: #001aff;}
.breadcrumb .volver{float: right; padding-left:10px;}
/* .breadcrumb .volver:before{content: none;}
 */

.breadcrumb>li:nth-child(2)::before{display:none;}


/** BARRA LATERAL **/
.list-group{border-radius:0px; font-weight:500; letter-spacing:0.5px; text-transform:uppercase;}
.list-group-item{border: none; border-radius:0px;text-align:left;}
a.list-group-item{
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 2px dotted #42f2b6;
	color: #0c248b;
	font-weight: 700;
	letter-spacing: -0.5px;
	line-height: 14px;
	font-size: 13px;
}
.list-group-item.active, .list-group-item.active:focus, a.list-group-item:hover, button.list-group-item:hover{
	color: #fff;
	background-color: #6d12ac;
	border: none;
	border-radius:0px;
}
a.list-group-item:hover{border-bottom: 2px dotted transparent; background:#75ffd0bd; color:#001159;}

.list-group-item.active:hover{background-color:#6d12ac;}



/** TABS **/
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border-top: 5px solid #6d12ac;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 30px 30px  0px 0;
    padding: 10px 0px 10px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5px;
    background: #fff;
    color: #6d12ac;
}
.nav-tabs.nav-justified .fa.fa-fw
/*, .nav-tabs.nav-justified .fa.fa-comment,
.nav-tabs.nav-justified .fa.fa-check-circle-o*/{
    display:table;
    margin:0px auto;
    font-size:30px;
}

.nav-tabs.nav-justified>li>a{
    color: #afafaf;
    background: #f1f1f1;
/*    border-radius: 0px;*/
    padding: 10px 0px 10px;
    border-top: 5px solid #f1f1f1;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border-radius: 20px 20px  0px 0;
    box-shadow: 2px -2px 5px rgba(0,0,0,.3);
}
.nav-tabs.nav-justified>li>a:hover{
    border-top: 5px solid #0c248b;
    background-color:#75ffd03b; 
    color:#0c248b;  
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

.row.bg-content .text-primary{color: #6d12ac;}
.row.bg-content p{color: #1e305a;}
.row.bg-content .media{
	width: 96%;
	display: table;
	margin: 0px auto;
	padding: 5px 5px 0px;
	min-height: 85px;
	border-bottom: 1px dashed #16cadb;
}
.row.bg-content .media:hover{background-color: rgba(175, 175, 175, 0.15);}
.row.bg-content .media-heading{
	margin-top: 8px;
	margin-bottom: 2px;
	text-transform: uppercase;
	color: #1e305a;
}
.row.bg-content .fa-inverse{
	color: #fff;
    font-weight: 700;
}
.row.bg-content .fa-stack-1x{line-height: 73px;}

.nota{
	width: auto;
	height:auto;
	display: inline-table;
	margin: 10px auto;
	padding: 2px 5px;
	text-align: center;
	font-weight: 900;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.5px;
	color: #40bdbb;
	text-transform: uppercase;
}
.nota:before{
	content:"| ";
	margin: 20px auto 10px;
}
.intento{
	font-weight: 900;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.2px;
	color: #c7000c;
	text-transform: uppercase;
}
/** COMO SEGUIR EL CURSO **/
h3.tit-pasos{padding: 10px 0px 10px;margin: 0px 0 10px;border-bottom: 1px dotted #75ffd0;font-size: 25px;color: #051bdb;}
.btn-leer, .btn-leer:focus{
	color: #fff;
	background-color: #4c1992;
	border-color:transparent;
	text-align: center;
	display: table;
	margin: 10px auto 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 100px;
	font-weight: 700;
	font-size: 21px;
	line-height: 33px;
	padding: 3px 15px 3px;
	border: 4px solid #4c1992;
}
.btn-leer:hover{
    color: #0c248b;
	background-color: #75ffd0;
	border:4px solid #0c248b;
}
.modulo-pasos .numero{
	width: 38px;
	height: auto;
	float: left;
	clear: none;
	background: #7722b4;
	padding: 6px 0px 8px;
	margin: 2px 6px 0px 0px;
	border-radius: 100px;
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	line-height: 24px;
	color: #fff;
	letter-spacing: 0px;
}

.modulo-pasos .tit-paso{
	color: #001159;
	font-size: 21px;
	line-height: 24px;
	font-weight: 600;
	padding: 7px 0px 7px;
	margin: 2px 0 0px 0px;
	text-align: left;
	letter-spacing: 0.5px;
}
.modulo-pasos .txt-pasos{
	font-size: 16px;line-height: 23px;text-align: left;margin-left: 35px;letter-spacing: 0.2px;}
.modulo-pasos .txt-pasos.sin-margin{margin: 0px 0 15px 0;}
.txt-pasos.vivo{font-size:17px;line-height: 24px;text-align: left;padding: 5px 15px 15px;font-weight: 600;}
#pasos{display: table;margin: 0px auto 30px; float: none;}
.modulo-pasos{
	margin: 0px auto 5px;
	padding: 5px 0px 5px;
	border-bottom: 1px dotted #75ffd0;
}

.modulo-pasos li{
	margin: 5px 10px;
	padding: 3px 0 9px;
	font-size: 16px;
	line-height: 24px;
	text-align:left;
	list-style-position:inside;
	border-bottom: 1px dotted #15cadb;
	letter-spacing: 0.2px;
	color: #000;
} 
.modulo-pasos li strong{color: #6d12ac;}
.modulo-pasos li:last-child{border-bottom: none;}
#pasos .cierre{
	font-size: 23px;
	line-height: 28px;
	font-weight: 400;
	text-align:left;
	border-top:1px dotted #c3c3c3;
	padding:15px 15px 0;
	color: #001aff;
}
.modulo-pasos li a.temas{
	font-size: 15px;
	color:#6d12ac;
	margin: 0px 0px 0px -10px !important;
	padding: 0px 0 0px !important;
	line-height: 14px;
	text-align:left;
	list-style-position:inside;
	letter-spacing: 0px;
	font-weight:600;
}

li a.temas:after{
	content: "\f08e";
	font-family: "FontAwesome";
	margin: 5px 5px 5px 0;
	float: right;
}
li a.temas:hover{
	color:#001aff;
}



.mallas a.btn-data{
	width: 46%;
	height: 69px;
	display: inline-table;
	border-radius: 10px;
	text-transform: uppercase;
	color:#fff;
	padding: 0px 6px;
	margin: 0px 1% 10px;
	font-size: 15px;
	line-height: 16px;
	font-weight: 700;
	text-align: center;
	border: 1px solid #0a003f1f;
	border: 1px solid #76fed0;
	background: #510596;
	background: -moz-linear-gradient(180deg, #510596 60%, #1b1d6e 100%);
	background: -webkit-linear-gradient(180deg, #510596 60%, #1b1d6e 100%);
	background: linear-gradient(180deg, #510596 60%, #1b1d6e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#510596",endColorstr="#01115a",GradientType=1);
}
.mallas a.btn-data.ingles{
	width: 96%;
	height: 69px;
/*	background:#000;
    color:#fff;
	border: 1px solid #00000061;*/
}

.mallas.modal-content .txt-testnivel{margin: 10px 0px 5px;padding:0px 0px;text-align: center;}
.mallas .divisor-modal{border-top: 1px dotted #75ffd0;margin: 0px auto 10px;}

.mallas.modal-content .tit-clase{
	width:90%;
	display:table;
	margin: 5px auto 5px;
	font-size:10px;
	border-bottom:1px solid #75ffd0;
	color:#fff;
}
.mallas a.btn-data:hover{
	background:#0c248b;
    color:#fff;
	border: 1px solid #510596;
}




.container-lms{
	background: #fff;
}
.container-ciu{
	background: radial-gradient(
		circle,
		#ffffff,
		#f5f5f5 50%,
		#ffffff 50%, 
		#f5f5f5
	  );
	  background-size: 10px 10px;
}
.container-ciu .facebook-space{display:table; margin: 14px auto 0px;}

.row.land h2{
	margin: 30px 0 20px;
	border-bottom: 1px solid rgba(41, 61, 71, 0.5);
}

.row.land .col-md-6{font-size: 18px;}
.row.land .col-md-6 li{padding: 3px 0px;}

.page-header.land{margin: 20px 0 20px;}


.well.ctas-ciu {
	min-height: 20px;
	padding: 5px 15px;
	margin: 0px auto 0px;
	background-color: #1dc3ae;
	color: #1e305a;
	border: transparent;
	border-radius: 0px;
	text-align: center;
}
.well.ctas-ciu .page-header {
    margin: 3px 10px 0px;
    border-bottom: 0px;
    color: #fff;
    padding: 0px;
    line-height: 29px;
}
.well.ctas-ciu .btn-default{
	width: 85%;
	max-width: 280px;
	color: #fff;
	background-color: #1e305a;
	border-color:transparent;
	text-align: center;
	display: table;
	margin: 0px auto 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 0px;
	float: left;
	padding: 5px 16px;
}
.well.ctas-ciu .btn-default:hover{
	color: #1e305a;
	background-color: #ffffff;
	border-color:transparent;
}


.container-ciu .page-header{color:#1e305a}
.container-ciu small{color:#00b3b3}



.elige-nivel .page-header{
	margin: 30px 0 20px;
    border-bottom: 1px solid rgba(41, 61, 71, 0.5);
}
.elige-nivel .panel-default{
    border-color: transparent;
    background: #1e305a;
	border-radius: 19px;
	color:#fff; text-align:center;
	margin-bottom: 0px;
}
.elige-nivel .panel-default> .panel-heading{
	color: transparent;
    background-color: transparent;
    border-color: transparent;

}
.elige-nivel .panel-heading {
    padding: 15px 15px 0px;
    border-bottom: 0px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.elige-nivel h4{
	font-size: 28px;
	color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    line-height: 34px;
}

.elige-nivel .panel-body{padding: 0px 15px 20px;}



.row.bg-content, .row.voicelab-content, .row.voicelab-categories, .row.tecnicas{
	width:96%;
	max-width: 1120px;
	height:auto;
	margin: 5px auto 20px;
	display: table;
	text-align: center;
	float: none;
	clear:none;
	padding: 20px 2% 20px;
	border: none;
	background-color: #fff;
	color: #666;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.row.bg-content{
	width:100%;
	padding: 15px 0% 20px;
	background-color: transparent;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
	
}
.row.voicelab-categories .nota-app strong{
    color: #000;
    font-weight: 900;
    font-size: 17px;
}

.nota-app {
    width:auto;
    height:auto;
    display:table;
    padding: 7px 10px;
    margin: 10px auto 15px;
    background: #f5f5f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    font-weight:500;
    font-size:14px;
    color: #1e305a;
    letter-spacing: 0.2px;
    text-align:center;
    text-transform:none;
    text-decoration: none;
    border: none;
}
.nota-app img.logo-app{height:37px; margin: 5px 10px 0;}



.row.voicelab-categories.biblio{
	width:96%;
	max-width: 1034px;
	/*text-align: left;*/
}

.row.voicelab-categories.biblio a.categoria{
	padding: 0px 0px 10px 0px;
}
.row.voicelab-categories.biblio .titulo-categoria-esp{
	height: auto !important;
	min-height: 86px;
}

.row.voicelab-categories.biblio a.categoria:hover{
	cursor:pointer;
	background:#1e305a;
	
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-khtml-opacity: 1;
}

.row.bg-content .col-md-9{text-align:left; }


.row.glosario-content{
	width:96%;
	max-width: 1120px;
	height:auto;
	margin: 0px auto 0px;
	display: table;
	text-align: left;
	float: none;
	clear:none;
	padding: 0px 2% 20px;
	border: none;
	background-color: #fff;
	color: #666;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);

}


/** Elige una actividad / Team Members **/
.list-group{font-size: 14px;}
a.list-group-item{padding: 6px 15px 5px;}

.row#modulos .thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #16cadb;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.row#modulos .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
    border-bottom: 5px solid #16cadb;
}

.row#modulos .list-inline{margin-left: 0px;}

.row#modulos ul{margin-bottom:0px;}

.row#modulos h3{
	text-transform: uppercase;
	font-weight: 700;
	color: #1e305a;
	margin-top: 5px;
	margin-bottom: 10px;
}
.row#modulos h3 a{color: #000;}


.row#modulos .btn-primary, a.btn.btn-default, .btn.btn-primary.contacto, a.btn-cancelar{
	color: #fff;
	background-color: #0c248b;
	border-color:transparent;
	text-align: center;
	display: table;
	margin: 10px auto 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 100px;
	font-weight: 700;
	font-size: 21px;
	line-height: 33px;
	padding: 3px 15px 3px;
	border: 4px solid #0c248b;
}
.btn.btn-primary.contacto{
	float:none;
	display:initial;
}
.row#modulos .btn-primary:hover, a.btn.btn-default:hover, .btn.btn-primary.contacto:hover, a.btn-cancelar:hover{
    color: #0c248b;
	background-color: #75ffd0;
	border:4px solid #0c248b;
}
a.btn.btn-default.btn-block{margin:15px auto 0px;}
a.btn.btn-default.btn-block:hover{background-color: #1e305a;color: #fff;}

a.btn-cancelar{
    color: #00115999;
    background-color: #a1ff82;
    border:4px solid rgb(0 17 89 / 0.2);
}




/** ESTRELLA .fa-fw **/
.elige-nivel i.fa.fa-fw.fa-star{
    text-align: center;
    margin: 0px auto;
    display: table !important;
    color: #c7000c;
}

.elige-nivel .btn-default{
	color: #fff;
	background-color: #c7000c;
	border-color:transparent;
	text-align: center;
	display: table;
	margin: 12px auto 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 0px;
}
.elige-nivel .btn-default:hover{
	color: #fff;
    background-color: #ff1a2d;
    border-color:transparent;
}




/** NIVELES **/ 
.row.bg-content .panel.panel-default{
	background: rgba(241, 241, 241, 0.3);
	border: 1px solid #53efba;
}
.row.bg-content .panel.panel-default .fa.fa-fw {
    display: table;
    margin: 0px auto;
    font-size: 38px;
}

.panel{border-radius:0px;}
.row.bg-content .panel-default>.panel-heading{
    border-top: 1px solid #001159;
    border-bottom: 1px solid #001159;
    border-left: 0px;
    border-right: 0px;
    padding: 0px 0px 0px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5px;
    background: #7721b3;
    color: #fff;
    margin: 0px;
    border-radius: 0 !important;
}
.row.bg-content .panel-default>.panel-heading h4{
	line-height:30px;
}
.row.bg-content .panel-default>.panel-heading h4.small{
    line-height: 19px;
    text-transform: none;
    font-size: 15px;
    padding: 3px 15px;
    text-align: left;
	letter-spacing: 0px;
}


/** INGLES AL MINUTO **/
.col-md-8.iam{
	width: 94%;
	max-width: initial;
	height: auto;
	font-weight: 500;
	color: #fff;
	background-color: #f5f5f5;
	border: none;
	font-size: 17px;
	line-height: 20px;
	padding: 0px 25px 15px;
	border-top: 5px solid #6c20ac;
	border-bottom: 2px solid #6c20ac;
	display: table;
	margin: 0px auto 5px;
	float: none;
}
.iam p strong{
	color:#000;
	margin: 5px 0 15px !important;
	font-style: normal;
}
.iam p{
	color:#666 !important;
	margin: 0 0 5px !important;
	display: table;
	font-style: italic;
    font-weight: normal;
}

.iam .img-iam{
	float: right;
	width: 47%;
	max-width: 190px;
	height: auto;
	border-radius: 30px;
	margin: 10px -10px 0 20px;
	padding: 10px;
	border: 0px solid #fff;
	background-color:#fff;
	-webkit-box-shadow: -1px 2px 5px rgba(0,0,0,0.2);
	box-shadow: -1px 2px 5px rgba(0,0,0,0.2);
}
.sesion .sesion-img-iam{
	width:100%;
	height:auto;
	/* background:#fff3; */
	/*	margin: 0px auto 5px;*/
}
.sesion .sesion-img-iam img{
	width: 140px;
	margin: 0px 0 0px;
}
.iam.txt-leccion{
	width:90%;
	height: 91px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	margin: 0px auto;
	display:table;
}

.iam.tit-leccion{
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	border-bottom: 1px solid #ffffffab;
	padding-bottom: 3px;
	margin-bottom: 7px;
}





/** DISCOVERY ACTIVITIES **/
.row.sesiones{text-align:center;}
.sesion.dsc, .sesion.iam{
	width:182px;
	height:auto;
	padding: 5px 0px 10px 0px;
	margin:8px;
	display: inline-block;
	text-decoration:none;
	text-align:center;
	letter-spacing:0px;
	text-transform:uppercase;
	font-weight:700;
	font-size: 18px;
	line-height: 22px;
	color:#fff;
	-webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 6px 0px rgba(0,0,0,0.3);

	background: #510596;
	background: -moz-linear-gradient(180deg, #510596 0%, #01115a 100%);
	background: -webkit-linear-gradient(180deg, #510596 0%, #01115a 100%);
	background: linear-gradient(180deg, #510596 0%, #01115a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#510596",endColorstr="#01115a",GradientType=1);
}

.sesion.dsc .fa.fa-comment-o, .sesion.dsc .fa.fa-play-circle-o, .sesion.iam .fa.fa-play-circle-o {
	display:table;
	margin:0px auto 5px;
	font-size:30px;
}

.sesion.dsc:hover, .sesion.iam{
	color:#4d1a94;
	border: 3px solid #ffffff;
	background: #75ffd0;
	background: -moz-linear-gradient(162deg, rgba(161,255,130,1) 0%, rgba(117,255,208,1) 100%);
	background: -webkit-linear-gradient(162deg, rgba(161,255,130,1) 0%, rgba(117,255,208,1) 100%);
	background: linear-gradient(162deg, #a1ff82 0%, #75ffd0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a1ff82",endColorstr="#75ffd0",GradientType=1);
	box-shadow: 0px 0px 9px rgba(0,0,0,.2);
}
.sesion.iam:hover{
	color:#fff;
	border: 3px solid #ffffff;
	background: #510596;
	background: -moz-linear-gradient(180deg, #510596 0%, #01115a 100%);
	background: -webkit-linear-gradient(180deg, #510596 0%, #01115a 100%);
	background: linear-gradient(180deg, #510596 0%, #01115a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#510596",endColorstr="#01115a",GradientType=1);
}

.sesion.dsc:focus, .sesion.iam:focus
{color:#fff !important;}

.sesion.dsc img, .sesion.iam img{
	width:100%;
	margin: 0px 0 10px;
	padding:0px;
	border-top:1px solid #75ffd0;
	border-bottom:1px solid #75ffd0;
}
.sesion.iam img{width:94%;}
.sesion.iam img{
    border-top: 1px solid #00ef99;
	border-bottom: 1px solid #00ef99;
}

/** Formulario Nuevos Usuarios **/
label{color: #031f93; font-weight:600 !important; font-size:17px; float: left;}
.recuerda{
	color: #d5030d;
	margin: 10px auto 7px;
	font-weight: 900;
	font-size: 18px;
	line-height: 19px;
	letter-spacing: 0.2px;
}

.recuerda-list{
	color: #545454;
	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{}

.modal-header{
	background: #001159;
	color: #fff;
}
.modal-header .close{color: #000 !important;opacity:1;font-weight:600;}
.modal-header .close:hover{background:#a1ff82 !important; opacity:1;}

/** Pagina Videos **/
.col-md-8.txt-inglessms{
	width: 90%;
	max-width: initial;
	height: auto;
	font-weight: 500;
	color: #fff;
	background-color: #d2f0ef;
	border: none;
	font-size: 17px;
	line-height: 20px;
	padding: 8px 5% 15px;
	border-top:5px solid #c7000c;
	display: table;
	margin: 0px auto 5px;
	float: none;
}
.col-md-8.txt-inglessms p{margin:0px; padding:0px;}

.col-md-8.tit-inglessms{
	width: 96%;
	max-width: initial;
	height: auto;
	margin: 0px 2% 0px;
	padding: 9px 0px 10px;
	display: inline-table;
	background-color: #6d12ac;
	float: none;
	text-align: center;
	font-weight: 500;
	color: #fff;
	border: none;
	font-size: 17px;
	line-height: 20px;
}
.leccion-inglessms{
	color:#fff;
	width: 200px;
	display: inline-table;
	margin: 0px 10px;
	text-transform:uppercase;
	font-weight:700;
	font-size: 30px;
	letter-spacing: 0px;
	border:0px;
	text-align: center;
	padding: 4px 0px 0px;
}


.btn-sig{
	width:auto;
	height: auto;
	font-weight: 700;
	color: #6c20ac;
	background-color: #75ffd0;
	border: none;
	border-radius: 80px;
	font-size: 13px;
	line-height:15px;
	float:left;
	margin: 2px 0px 0px;
	letter-spacing: 0px;
	padding: 7px 13px 7px;
	display:inline-block;
}
.btn-sig .fa.fa-arrow-right, .btn-sig .fa.fa-arrow-left{
    font-size: 13px;
    display:inline-block;
}
.btn-sig .fa.fa-arrow-right{text-align:right;}
.btn-sig:hover{color:#6c20ac; background-color:#ffffff;text-decoration:none;}
.row.inglessms .col-md-2{width:auto;}
.row.inglessms .col-md-2.r{float:right;}


.btn-sig-b{display: inline-block;}

.tit-video{
	font-size:15px;
	font-weight: 700;
	color: #1e305a;
	text-transform: uppercase;	
}
.txt-video{
	font-size:15px;
	color: #1e305a;
    padding: 0px 0px 15px;
}



.no-registrado{
	border: 1px solid #ccc;
	padding: 10px 10px;
	margin: 10px auto 0;
}
.txt-paypal{
	width: auto;
	height:auto;
	font-size: 15px;
	line-height: 15px;
	margin: 0px auto 15px;
	padding:0px;
	text-align:center;
	text-decoration:none;
	display: table;
	text-transform: uppercase;
}
.no-registrado .btn-crear-land.b{
    margin: 10px auto 13px;
    font-size: 15px;
    padding: 6px 15px 7px;
}

/** TEST DE NIVEL **/
.tabla-nivel{
	display:table;
	margin:15px auto 0px;
	text-align:center;
}
.niveles td{
	background: #1dc3ae;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 15px;
    padding:5px 15px;
    border:1px solid rgb(255, 255, 255);
}
.puntos td{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #1e305a;
    letter-spacing: 0.5px;
    font-size: 15px;
    padding:10px 15px;
    border-right:1px dashed #1dc3ae;
    border-left:1px dashed #1dc3ae;
    border-bottom:1px dashed #1dc3ae;
}
.txt-testnivel{
	font-size: 17px;
	line-height: 21px;
	font-weight: 500;
	color: #1e305a;
	margin: 0px 0px 20px;
    letter-spacing: 0.3px;
}
#my_quiz.test-nivel{
    background-color: rgba(206, 242, 242, 0.3);
    border: 1px solid rgba(87, 218, 214, 0.4);
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 15px rgba(87, 218, 214, 0.3); 
	padding: 20px 15px;
}

#my_quiz.test-nivel #quizolution-container p{color: #1e305a;}

#my_quiz.test-nivel .quizolution-question-number, #my_quiz.test-nivel .quizolution-result-question-number{width: 50px;}




/** PASOS - TEST DE NIVELACIÓN **/
ul.test-nivelacion li{
	display:inline-block;
	font-size:14px;
	background: rgb(230 230 230 / 0.5);
	margin: 8px 0px 5px;
	padding: 0px 15px 15px 5px;
	border-radius:8px;
	color: #0c248b;
	width: 98%;
}
ul.test-nivelacion .paso-nivelacion{
	display: inline-table;
	width: 83%;
	height: auto;
	margin: 8px 0px 0 60px;
}
ul.test-nivelacion .paso{
	width:auto;
	display:inline-block;
	font-size:12px;
	padding:2px 8px 5px;
	margin: -6px 5px 0px 5px;
	color:#fff;
	background: #4c1992;
	text-align:center;
	font-weight:700;
	letter-spacing:1px;
	border-radius:0px 0px 5px 5px;
	border-top: 2px solid #5af6c2;
	position: absolute;
}
ul.test-nivelacion .paso-num{
	font-size:20px;
	line-height: 17px;
}
.txt-nivelacion{
	font-size: 13px;
	padding: 10px 8px 15px;
	color: #c6030b;
	font-weight: 600;
}
.key{
	font-size: 28px;
	line-height: 38px;
	background: #f3f3f3;
	width: auto;
	display: inline-block;
	margin: 10px auto 10px;
	padding: 7px 15px 9px;
	border-radius: 10px;
	color: #0c248b;
	letter-spacing: 0.5px;
	border: 2px solid #75ffd0;
	font-weight: 600;
}



/** COLORES PARA EL PROGRAMA **/
.categoria, .row#modulos .thumbnail .categoria{
	font-size: 11px;
	line-height: 16px;
	text-align:left;
	padding: 0px 0 2px 6px;
	text-transform:uppercase;
	font-weight: 700;
}



.col-md-4.modulo-nivel.act .panel-default>.panel-heading{
    border-top: 1px solid #ff6b01;
    border-bottom: 1px solid #ff6b01;
    background: #ff6b01;}
.col-md-4.modulo-nivel.act .panel.panel-default, .row#modulos .thumbnail.act{border: 1px solid #ff6b01;}
.col-md-4.modulo-nivel.act h4.tit-nivel .fa, .row#modulos .thumbnail.act .caption i{color: #ff6b01;}
.col-md-4.modulo-nivel.act a.btn.btn-default{background: #ff6b01;}
.col-md-4.modulo-nivel.act a.btn.btn-default:hover,
.col-md-4.modulo-nivel.discovery a.btn.btn-default:hover,
.col-md-4.modulo-nivel.servicio a.btn.btn-default:hover
{background: #0b315a;}

.thumbnail.examen img{border-bottom: 5px solid #0b1a71 !important;}
.thumbnail.examen-clean img{border-bottom: 5px solid #0b1a71 !important;}
.thumbnail.act img{border-bottom: 5px solid #ff6b01 !important;}
.thumbnail.servicio img{border-bottom: 5px solid #c7000c !important;}

.row#modulos .thumbnail.clase .categoria{background:#16cadb; }
.row#modulos .thumbnail.examen .categoria{background:#0b1a71; }
.row#modulos .thumbnail.examen-clean .categoria{background:#0b1a71; }
.row#modulos .thumbnail.act .categoria{background:#ff6b01; }
.row#modulos .thumbnail.servicio .categoria{background:#c7000c; }


/** CATEGORIA: Clean + examen **/
.col-md-4.modulo-nivel.examen .panel-default>.panel-heading, 
.col-md-4.modulo-nivel.examen-clean .panel-default>.panel-heading{
    border-top: 1px solid #f1084c;
    border-bottom: 1px solid #f1084c;
    background: #f1084c;
    color:#fff; 
}

.col-md-4.modulo-nivel.examen .panel.panel-default, 
.row#modulos .thumbnail.examen,
.col-md-4.modulo-nivel.examen-clean .panel.panel-default, 
.row#modulos .thumbnail.examen-clean
{border: 1px solid #f1084c;}

.col-md-4.modulo-nivel.examen h4.tit-nivel .fa, 
.row#modulos .thumbnail.examen .caption i, 
.col-md-4.modulo-nivel.examen-clean h4.tit-nivel .fa, 
.row#modulos .thumbnail.examen-clean .caption i
{color: #f1084c;}
.col-md-4.modulo-nivel.examen a.btn.btn-default,
.col-md-4.modulo-nivel.examen-clean a.btn.btn-default{background: #6c20ac;border-color:#6c20ac;letter-spacing: 0px;}
.col-md-4.modulo-nivel.examen a.btn.btn-default:hover, 
.col-md-4.modulo-nivel.examen-clean a.btn.btn-default:hover{
background: #f1084c; border-color:rgb(0 17 89 / 0.3);color:#fff;}
.col-md-4.modulo-nivel.examen-clean h4.tit-nivel{color: #f1084c;font-size: 23px;line-height: 25px;}


/** CATEGORIA: Servicios **/
.col-md-4.modulo-nivel.servicio .panel-default>.panel-heading{
    border-top: 1px solid #0619c3;
    border-bottom: 1px solid #0619c3;
    background: #0125c3;
    color:#fff;
}
.col-md-4.modulo-nivel.servicio .panel.panel-default, .row#modulos .thumbnail.act{border: 1px solid #0619c3;}
.col-md-4.modulo-nivel.servicio h4.tit-nivel .fa, .row#modulos .thumbnail.act .caption i{color: #0619c3;}
.col-md-4.modulo-nivel.servicio a.btn.btn-default{background: #0619c3; border-color:#0619c3;}
.col-md-4.modulo-nivel.servicio a.btn.btn-default:hover{
background: #0c248b; border-color:#001159;color:#75ffd0;}
.col-md-4.modulo-nivel.servicio h4.tit-nivel{/* color: #0619c3; */}



.col-md-4.modulo-nivel.discovery{display: none;}

/** CATEGORIA: Examen con fondo de color **/
.col-md-4.modulo-nivel.examen .desc-ati{color:#fff !important;}
.col-md-4.modulo-nivel.examen .panel.panel-default{background: #f1084c;color:#fff;}
.col-md-4.modulo-nivel.examen .panel.panel-default h4.tit-nivel{color:#fff;font-size: 18px;line-height: 26px;}
.col-md-4.modulo-nivel.examen .panel.panel-default i{color:#75ffd0;}
.col-md-4.modulo-nivel.examen .panel.panel-default .btn.btn-default{background:#75ffd0; color:#6217a1; border-color:#75ffd0;}
.col-md-4.modulo-nivel.examen .panel.panel-default .btn.btn-default:hover{
background: #fff; border-color:rgb(248 9 113 / 0.3);color:#f1084c;}	




/* TARJETA DISCOVERY */
.col-md-4.modulo-nivel.discovery .panel-default>.panel-heading{
    border-top: 1px solid #c6030d;
    border-bottom: 1px solid #c6030d;
    background: #c6030d;
}
.col-md-4.modulo-nivel.discovery .panel.panel-default, .row#modulos .thumbnail.act{border: 1px solid #c6030d;}
.col-md-4.modulo-nivel.discovery h4.tit-nivel .fa{color: #c6030d;}
.col-md-4.modulo-nivel.discovery a.btn.btn-default{background: #c6030d;}
.col-md-4.modulo-nivel.discovery img.ati-dsc{
		height: 25px;
		display: inline;
		margin: -6px 0 0px 0px;
}


h4.tit-nivel .dsc-small{
	width:100%;
	max-width: 123px;
	margin: -8px 0 -3px 0;
}

/** ICONOS PROGRAMA **/
.tit-nivel .icono img.icono{
	width:100%;
	max-width: 41px;
	margin-top: 0px;
}
.tit-nivel .icono.google img.icono{
	max-width: 38px;
}

/** 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-weight:400;
	text-transform:uppercase;
	display: table;
}
#top-gris .tel{
	width: 510px;

	float: none;
	margin: 0px auto 0px;
	text-align: center;
	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-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-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-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;
    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:#16cadb;
	float:right;
	clear:none;
	padding:8px 10px 8px;
    margin: 0px 9px 5px;
	border-radius:0px 0px 5px 5px;

	font-size:13px;
	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;
}

/** COMPUTACION **/
.unidad{margin-bottom: 20px;}
.titulo-capsula{
	width:100%;
	height:160px;
	padding: 5px 10px 10px;
	margin:0px;
	display: inline-block;
	text-decoration:none;
	text-align:center;
	letter-spacing:0px;
	text-transform:uppercase;
	font-weight:700;
	font-size: 17px;
	line-height: 19px;
	color:#4d1a94;

	/*
	background: #75ffd0;
	background: -moz-linear-gradient(162deg, rgba(161,255,130,1) 0%, rgba(117,255,208,1) 100%);
	background: -webkit-linear-gradient(162deg, rgba(161,255,130,1) 0%, rgba(117,255,208,1) 100%);
	background: linear-gradient(162deg, #a1ff82 0%, #75ffd0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a1ff82",endColorstr="#75ffd0",GradientType=1);
*/
	-webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 6px 0px rgba(0,0,0,0.3);
}
.tema-1 .titulo-capsula{
    color: #fff;
	background: rgb(29,79,245);
	background: -moz-linear-gradient(140deg, rgba(29,79,245,1) 0%, rgba(0,26,119,1) 70%);
	background: -webkit-linear-gradient(140deg, rgba(29,79,245,1) 0%, rgba(0,26,119,1) 70%);
	background: linear-gradient(140deg, rgba(29,79,245,1) 0%, rgba(0,26,119,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d4ff5",endColorstr="#001a77",GradientType=1);
	text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
}
.tema-2 .titulo-capsula, .tema-3 .titulo-capsula{
	background: #dbffad;
	background: -moz-linear-gradient(-45deg, #dbffad 0%, #59ce00 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #dbffad), color-stop(100%, #59ce00));
	background: -webkit-linear-gradient(-45deg, #dbffad 0%, #59ce00 100%);
	background: -o-linear-gradient(-45deg, #dbffad 0%, #59ce00 100%);
	background: -ms-linear-gradient(-45deg, #dbffad 0%, #59ce00 100%);
	background: linear-gradient(135deg, #dbffad 0%, #59ce00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbffad', endColorstr='#59ce00', GradientType=1 );
}

.tema-4 .titulo-capsula, .tema-5 .titulo-capsula{
    color: #fff;

    background: #e9308a;
    background: -moz-linear-gradient(-45deg, rgba(255,56,156,1) 0%, rgba(107,0,36,1) 89%, rgba(107,0,36,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,56,156,1)), color-stop(89%, rgba(107,0,36,1)), color-stop(100%, rgba(107,0,36,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,56,156,1) 0%, rgba(107,0,36,1) 89%, rgba(107,0,36,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,56,156,1) 0%, rgba(107,0,36,1) 89%, rgba(107,0,36,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,56,156,1) 0%, rgba(107,0,36,1) 89%, rgba(107,0,36,1) 100%);
    background: linear-gradient(135deg, rgba(255,56,156,1) 0%, rgba(107,0,36,1) 89%, rgba(107,0,36,1) 100%);
	
	/*background: rgba(251,170,218,1);
	background: -moz-linear-gradient(-45deg, rgba(251,170,218,1) 0%, rgba(148,0,158,1) 89%, rgba(148,0,158,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(251,170,218,1)), color-stop(89%, rgba(148,0,158,1)), color-stop(100%, rgba(148,0,158,1)));
	background: -webkit-linear-gradient(-45deg, rgba(251,170,218,1) 0%, rgba(148,0,158,1) 89%, rgba(148,0,158,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(251,170,218,1) 0%, rgba(148,0,158,1) 89%, rgba(148,0,158,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(251,170,218,1) 0%, rgba(148,0,158,1) 89%, rgba(148,0,158,1) 100%);
	background: linear-gradient(135deg, rgba(251,170,218,1) 0%, rgba(148,0,158,1) 89%, rgba(148,0,158,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbaada', endColorstr='#94009e', GradientType=1 );*/
	text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3);
}
.tema-6 .titulo-capsula, .tema-7 .titulo-capsula{
    color: #fff;
	background: #feb41a;
	background: -moz-linear-gradient(-45deg, #feb41a 0%, #f66b07 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #feb41a), color-stop(100%, #f66b07));
	background: -webkit-linear-gradient(-45deg, #feb41a 0%, #f66b07 100%);
	background: -o-linear-gradient(-45deg, #feb41a 0%, #f66b07 100%);
	background: -ms-linear-gradient(-45deg, #feb41a 0%, #f66b07 100%);
	background: linear-gradient(135deg, #feb41a 0%, #f66b07 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb41a', endColorstr='#f66b07', GradientType=1 );
	text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
}
.tema-8 .titulo-capsula{
    color: #fff;
	background: rgba(40,227,251,1);
	background: -moz-linear-gradient(-45deg, rgba(40,227,251,1) 0%, rgba(0,26,121,1) 89%, rgba(0,26,121,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(40,227,251,1)), color-stop(89%, rgba(0,26,121,1)), color-stop(100%, rgba(0,26,121,1)));
	background: -webkit-linear-gradient(-45deg, rgba(40,227,251,1) 0%, rgba(0,26,121,1) 89%, rgba(0,26,121,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(40,227,251,1) 0%, rgba(0,26,121,1) 89%, rgba(0,26,121,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(40,227,251,1) 0%, rgba(0,26,121,1) 89%, rgba(0,26,121,1) 100%);
	background: linear-gradient(135deg, rgba(40,227,251,1) 0%, rgba(0,26,121,1) 89%, rgba(0,26,121,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28e3fb', endColorstr='#001a79', GradientType=1 );
	text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
}
.tema-9 .titulo-capsula{
    color: #fff;
	background: rgb(234 67 53);
	background: -moz-linear-gradient(140deg, rgba(242,81,67,1) 30%, rgba(185,14,0,1) 100%);
	background: -webkit-linear-gradient(140deg, rgba(242,81,67,1) 30%, rgba(185,14,0,1) 100%);
	background: linear-gradient(140deg, rgba(242,81,67,1) 30%, rgba(185,14,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f25143",endColorstr="#b90e00",GradientType=1);	
	text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.3);
}
.tema-10 .titulo-capsula{
    color: #fff;
	background: rgba(186,42,216,1);
	background: -moz-linear-gradient(-45deg, rgba(186,42,216,1) 0%, rgba(21,4,39,1) 89%, rgba(21,4,39,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(186,42,216,1)), color-stop(89%, rgba(21,4,39,1)), color-stop(100%, rgba(21,4,39,1)));
	background: -webkit-linear-gradient(-45deg, rgba(186,42,216,1) 0%, rgba(21,4,39,1) 89%, rgba(21,4,39,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(186,42,216,1) 0%, rgba(21,4,39,1) 89%, rgba(21,4,39,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(186,42,216,1) 0%, rgba(21,4,39,1) 89%, rgba(21,4,39,1) 100%);
	background: linear-gradient(135deg, rgba(186,42,216,1) 0%, rgba(21,4,39,1) 89%, rgba(21,4,39,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba2ad8', endColorstr='#150427', GradientType=1 );
	text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.3);
}
.titulo-capsula:hover{
	color:#fff;
	background: #b730d2;
	box-shadow: inset 0px 0px 90px 0px #630f73;
}
.titulo-capsula .capsula-icono.video{
	width: 70px;
	height: 70px;
	display:table;
	float:none;
	margin:5px auto 10px;
	padding: 4px 0px 0;
	border-radius:100px;
	color: #3a1684;
	border: 3px solid #ffffff;
	
background: rgba(255,255,255,0.3);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.4) 0%, rgba(0,7,105,0) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0.4)), color-stop(100%, rgba(0,7,105,0)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.4) 0%, rgba(0,7,105,0) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,0.4) 0%, rgba(0,7,105,0) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,0.4) 0%, rgba(0,7,105,0) 100%);
background: linear-gradient(135deg, rgba(255,255,255,0.4) 0%, rgba(0,7,105,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff80', endColorstr='#000769', GradientType=1 );

	/*
	background: #a1ff82;
	background: -moz-linear-gradient(162deg, rgba(117,255,208,1) 0%, rgba(161,255,130,1) 100%);
	background: -webkit-linear-gradient(162deg, rgba(117,255,208,1) 0%, rgba(161,255,130,1) 100%);
	background: linear-gradient(162deg, rgba(117,255,208,1) 0%, rgba(161,255,130,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#75ffd0",endColorstr="#a1ff82",GradientType=1);
	box-shadow: 0px 0px 9px rgba(0,0,0,.2);
			text-shadow:0px 0px 0px rgb(255 255 255 / 20%);*/
}


.bloque-secciones.tema-1 .bloque-seccion .capsula-icono.video:before{
	content: "\f17a";
	font-family: "FontAwesome";
	font-size: 47px;
	line-height: 51px;
	margin:0 0 0;
	color: #fff;
}
.bloque-secciones.tema-2 .bloque-seccion .capsula-icono.video:before,
.bloque-secciones.tema-3 .bloque-seccion .capsula-icono.video:before,
.bloque-secciones.tema-4 .bloque-seccion .capsula-icono.video:before,
.bloque-secciones.tema-5 .bloque-seccion .capsula-icono.video:before,
.bloque-secciones.tema-6 .bloque-seccion .capsula-icono.video:before,
.bloque-secciones.tema-7 .bloque-seccion .capsula-icono.video:before,
.bloque-secciones.tema-8 .bloque-seccion .capsula-icono.video:before,
.bloque-secciones.tema-9 .bloque-seccion .capsula-icono.video:before{
	content: " ";
	width: 55px;
	height: 55px;
	display:table;
	margin: 0px auto;
}
.bloque-secciones.tema-2 .bloque-seccion .capsula-icono.video:before,
.bloque-secciones.tema-3 .bloque-seccion .capsula-icono.video:before{
	background: url(/img/word-logo.svg) top center no-repeat;
	background-size: contain;
}
.bloque-secciones.tema-4 .bloque-seccion .capsula-icono.video:before,
.bloque-secciones.tema-5 .bloque-seccion .capsula-icono.video:before{
	background: url(/img/excel-logo.svg) top center no-repeat;
	background-size: contain;
}
.bloque-secciones.tema-6 .bloque-seccion .capsula-icono.video:before,
.bloque-secciones.tema-7 .bloque-seccion .capsula-icono.video:before{
	background: url(/img/powerpoint-logo.svg) top center no-repeat;
	background-size: contain;
}
.bloque-secciones.tema-8 .bloque-seccion .capsula-icono.video:before{
	background: url(/img/outlook-logo.svg) top center no-repeat;
	background-size: contain;
}
.bloque-secciones.tema-9 .bloque-seccion .capsula-icono.video:before{
	background: url(/img/google-logo-blanco.svg) top center no-repeat;
	background-size: contain;
	width: 47px;
	margin-top: 3px;
}
.bloque-secciones.tema-9 .bloque-seccion .capsula-icono.video{
	background: #ffffff;
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.2);
	border-color: #db200f;
}
.bloque-secciones.tema-10 .bloque-seccion .capsula-icono.video:before{
	content: "\f0c2";
	font-family: "FontAwesome";
	font-size: 45px;
	line-height: 57px;
	margin:0 0 0;
	color: #fff;
}



.marked-zone{
	width: auto;
	background: #7508d1;
	color: #fff;
	margin: 0px 0px 0px 0;
	padding: 0px 8px;
	text-align: center;
	display:table;
	vertical-align:middle;
	height: 26px;
	float: right;
	position: absolute;
	top: 0px;
	right: 20px;
	border-radius: 0 0 10px 10px;
	box-shadow: -1px 1px 3px 1px rgba(0,0,0,0.2);
}
.marcar{
	width: auto;
	height: 16px;
	display: table;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	line-height: 11px;
	letter-spacing: 0px;
	font-weight: bold;
	margin: 5px auto 0px;
}
.marked-zone a i{
	text-align: center;
	color: #fff;
	display: inline-block;
	padding: 0px 6px 0px;
	margin: -1px 0 4px;
	font-size: 17px;
}
.marked-zone i:hover{
	color:#75ffd0;
}



/** 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-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:#16cadb;
	font-size:35px;
	letter-spacing:1px;	
	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: #360c96; /* 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,  #360c96 0%, #7d0008 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#360c96), color-stop(100%,#7d0008)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #360c96 0%,#7d0008 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #360c96 0%,#7d0008 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #360c96 0%,#7d0008 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #360c96 0%,#7d0008 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#360c96', 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{
	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-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: 700;}
.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:#000;
	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;
}



.grilla .panel-default {
    border-color: #16cadb;
    -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 #000;
}
.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;
}



/** Btns Complete + Marked **/
.acceso{width: auto;height: auto;background: #efefef;margin: 0px auto 0px;padding: 2px 3px 2px;border-radius: 0 0 5px 5px;/* border: 1px solid #902ee5; */float: right;text-align: center;display: grid;position: absolute;top: -20px;right: 10px;z-index: 1000;}

.act-marked{
	width: 81px;
	background: #7508d1;
	margin: 4px 5px;
	padding: 3px 5px 5px 6px;
	height: auto;
	border-radius: 5px 5px;
	/* box-shadow: -1px 1px 3px 1px rgba(0,0,0,0.2); */
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	line-height: 11px;
	letter-spacing: 0px;
	font-weight: bold;
	display: block;
	float: right;
}
.act-marked a{color:#fff;}
.act-marked i{
	padding: 0px 0px 0px 0px;
	margin: 1px -2px -1px;
	font-size: 15px;
	font-weight: 800;
}
.act-marked a:hover{
	color:#75ffd0;
}
a.btn-data.next{
	padding: 2px 8px 5px 9px;
	font-size: 12px;
	font-weight: 700;
	margin: 0px 5px 4px;
	background: #0033fc;
	border-radius: 50px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color:#fff;
	text-align: center;
	width: 81px;
	display: block;
	float: right;
}
a.btn-data.next::after{
	padding-left: 3px;
	color: #fff;
	font-family: "FontAwesome";
	font-weight: 900;
	content: "\f105";
	font-size: 15px;
}
a.btn-data.next:hover{background:#7a219c;}









/** HOME NIVELES **/
h4.tit-nivel{
	color: #54198f;
	display:table;
	margin: 15px auto 0px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0px;
    font-size: 23px;
    line-height: 25px;
    text-align: center;
}
h4.tit-nivel .fa{
	color: #0d248b;
	padding-bottom:2px;
}
.panel-body{
	padding: 0px 15px 5px;
}
#milpalabras .panel-body p{text-align:center; margin:10px 0 0 0; line-height:22px;}

.tit-unidades, .puntuacion{
	text-align: center;
	font-size: 14px;
	color: #000;
}
.puntuacion{padding: 10px 0px 5px;line-height: 15px;color: #0c248b;}
.puntos{
	width:100%;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: 0px;
	padding: 0px 0px 0px 0px;
	display: table;
	margin: 5px auto 10px;
	text-align:left;
}
.puntos strong{
	font-weight: 600;
	margin-left: -8px;
	text-transform:uppercase;
}
.puntos li{
	background: hsl(160 100% 73% / 0.7);
	padding: 5px 0px 5px 9px;
	color: #0c248b;
	letter-spacing: 0px;
	font-weight: 500;
	list-style-position: inside;
}
ul.puntos li:nth-child(even){background: rgb(117 255 208 / 0.4);}

.entrega-vencimiento{
	width: 98%;
	height: auto;
	display:table;
	background: #000;
	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;
	color:#000;
	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: #0a467b; */
	border-radius: 0px;
	float: left;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.5px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	z-index: 10000;
}

.btn.crearcuenta{
}

.btn.ingresar:hover, .btn.crearcuenta:hover{
	color: #7721b3;
    background-color: #fff;
    border-color:transparent;
}



.sin-pin{
	width:100%;
	background: #000;
	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:#16cadb;
	font-size:31px;
	line-height:40px;
	letter-spacing:1px;	
	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;
	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:#16cadb;}

#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;
	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-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;
	
	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: #16cadb; /* 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,  #16cadb 40%, #16cadb 40%, #2c9294 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#16cadb), color-stop(40%,#16cadb), color-stop(90%,#2c9294)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #16cadb 40%,#16cadb 40%,#2c9294 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #16cadb 40%,#16cadb 40%,#2c9294 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #16cadb 40%,#16cadb 40%,#2c9294 90%); /* IE10+ */
	background: linear-gradient(to bottom,  #16cadb 40%,#16cadb 40%,#2c9294 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16cadb', endColorstr='#2c9294',GradientType=0 ); /* IE6-8 */
}
.btn-volver:hover{
	cursor:pointer;
	background:#16cadb;
	-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-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: #360c96;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #360c96 0%, #7d0008 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#360c96), color-stop(100%,#7d0008));
	background: -webkit-linear-gradient(top,  #360c96 0%,#7d0008 100%); 
	background: -o-linear-gradient(top,  #360c96 0%,#7d0008 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #360c96 0%,#7d0008 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #360c96 0%,#7d0008 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#360c96', 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: #16cadb;}
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:#000;
	border-radius:0px 0px 6px 6px;
	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:#000;
	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-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: #16cadb; /* 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,  #16cadb 40%, #16cadb 40%, #2c9294 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#16cadb), color-stop(40%,#16cadb), color-stop(90%,#2c9294)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #16cadb 40%,#16cadb 40%,#2c9294 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #16cadb 40%,#16cadb 40%,#2c9294 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #16cadb 40%,#16cadb 40%,#2c9294 90%); /* IE10+ */
	background: linear-gradient(to bottom,  #16cadb 40%,#16cadb 40%,#2c9294 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16cadb', 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:#16cadb;}

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

/** APRENDE INGLES CON FAMOSOS **/
.sesion.famosos{
	width:auto;
	height:auto;
	padding: 0px 0px 0px 0px;
	margin: 3px 4px;
	display: inline-block;
	text-decoration:none;
	text-align:center;
	letter-spacing:0px;
	text-transform:uppercase;
	font-weight:700;
	font-size: 15px;
	line-height: 30px;
	color: #fff;
}
.sesion.famosos img{
	width:100%;
	max-width: 250px;
	margin: 0px 0 0px;
}
.sesion.famosos{
	width: 244px;
	height: 166px;
	background: url(/img/famosos.png) no-repeat bottom right #ff0057;
	background-size: contain;
	border: 3px solid #ff0057;
	/* padding-top: 20px; */
}
.sesion.famosos:nth-child(even){
	background: url(/img/famosos.png) no-repeat bottom right #04a9cf;
	background-size: contain;
	border: 3px solid #04a9cf;
}
.sesion.famosos .fa.fa-comment-o{
	display:table;
    margin:0px auto;
    font-size:30px;
	color: #fff;
}
.sesion.famosos:hover{
	color:#fff;
	background: url(/img/famosos.png) no-repeat bottom right #000;
	background-size: contain;
	border:3px solid #000;
}
.tit-aprende{
	width:100%;
	display:table;
	height: 12px;
	/* background: #000; */
	text-align: left;
	font-size: 11px;
	padding: 1px 0 1px 5px;
	line-height: 14px;
}
.num-cuaderno{
	background: rgb(255 14 87 / 0.6);
	padding: 5px 3px 0;
	width: 147px;
	display: table;
	float: right;
	text-align: left;
	border-bottom: 2px solid rgb(255 14 87 / 0.6);
}
.sesion.famosos:nth-child(even) .num-cuaderno{
	background: rgb(4 169 207 / 0.6);
	border-bottom: 2px solid rgb(4 169 207 / 0.6);
}
.num-cuaderno i{display:none;}
.num-cuaderno .num{
	width: 131px;
	display:table;
	margin: 12px 10px 0 0px;
	padding:0px;
	text-align: right;
	text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.4);
}
.num-cuaderno .num strong{
	font-size: 65px;
	line-height:49px;
	float:right;
	margin-top: -12px;
	letter-spacing: -9px;
}
.tit-cuaderno{
	width: 100%;
	height: 89px;
	font-size: 14px;
	line-height: 15px;
	display: inline-block;
	text-align: left;
	padding: 6px 6px 3px;
	background: #fff;
	color: black;
}



/** INGLES AL MINUTO **/
.col-md-8.iam{
	width: 94%;
	max-width: initial;
	height: auto;
	font-weight: 500;
	color: #fff;
	background-color: #f5f5f5;
	border: none;
	font-size: 17px;
	line-height: 20px;
	padding: 0px 25px 15px;
	border-top: 5px solid #6c20ac;
	border-bottom: 2px solid #6c20ac;
	display: table;
	margin: 0px auto 5px;
	float: none;
}

.iam p strong{
	color:#000;
	margin: 5px 0 15px !important;
	font-style: normal;
}
.iam p{
	color:#666 !important;
	margin: 0 0 5px !important;
	display: table;
	font-style: italic;
    font-weight: normal;
}

.iam .img-iam{
	float: right;
	width: 47%;
	max-width: 190px;
	height: auto;
	border-radius: 30px;
	margin: 10px -10px 0 0px;
	padding: 10px;
	border: 0px solid #fff;
	background-color:#fff;
	-webkit-box-shadow: -1px 2px 5px rgba(0,0,0,0.2);
	box-shadow: -1px 2px 5px rgba(0,0,0,0.2);
}
.sesion .sesion-img-iam{
	width:100%;
	height:auto;
	background:#fff3;
	margin: 0px auto 5px;
}
.sesion .sesion-img-iam img{
	width:100%;
	max-width: 200px;
	margin: 0px 0 0px;
}
.sesion.iam:focus{color:#fff;}






/*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:#16cadb;
	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: #16cadb; /* 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%, #16cadb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5e5e4), color-stop(100%,#16cadb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b5e5e4 0%,#16cadb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b5e5e4 0%,#16cadb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b5e5e4 0%,#16cadb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b5e5e4 0%,#16cadb 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e5e4', endColorstr='#16cadb',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:#000;
}
.row.tecnicas .tit-unit{
	height: 60px;
	font-size: 15px;
	line-height: 18px;
}
.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-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: 100%;
	/* max-width: 745px; */
	height:auto;
	display:table;
	margin: 10px auto;
	background: #16cadb;
	-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 0px 7px 20px;
	text-align:left;
	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: #000;
	display: inline-block;
}
.dash{
	width: 100%;
	/* min-width: 765px; */
	height:auto;
	display: table;
	margin:0px auto;
	/*background: #16cadb;
	 -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); */
	text-align: center;
}
#graficos, #estadisticas{
	display: inline-block;
	vertical-align: top;
	text-align: left;

}
#estadisticas{
	width: 47%;
	height: auto;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0;
	/* float:left; */
	/* clear:none; */
	letter-spacing: 0px;
	display: inline-block;
	/* background: red; */
}
#estadisticas li{
	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-weight: 900;
}
.importante{
 	width: auto;
 	height: auto;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	line-height: 11px;
 	letter-spacing:0px;
 	font-weight:normal;
 	color: #000;
 	margin: -12px 0px 4px 0px;
 	float: left;
 	text-transform: none;
}
.fecha{
	width: 98%;
	height:auto;
	background:#360c96;
	text-align:center;
	padding: 6px 1%;
	font-size: 13px;
	font-weight:normal;
	color:#fff;
	line-height:14px;
	letter-spacing:0px;
	text-transform:uppercase;
	display: table;
}
.fecha strong{font-weight:600;}

.hasta{
	width:180px;
	float:right;
}
#graficos{
	width: 48%;
	height: auto;
	/* max-width: 380px; */
	font-size: 13px;
	font-weight:bold;
	color: #ffffff;
	text-transform:uppercase;
	margin: 8px 0px 0px;
	display: inline-block;
	/* background: brown; */
}
#graficos .descripcion{
	font-size:8px;
	padding:0px 0px 0px 3px;
	line-height:26px;
}
.grafico-borde{
	width: 100%;
	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;
}
.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-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-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-size:36px;
	line-height:32px;
    color:#16cadb;
    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 #16cadb
}



.col-lg-4.mt-3.mb{margin-bottom: 20px;}



/** MODULOS LANDING **/
.row h2.txt-informativo{
	padding: 15px 20px 0px;
	font-weight: 600;
	color: #000;
	font-size: 19px;
	line-height: 30px;
	letter-spacing: 0.5px;
	text-transform:uppercase;
	text-align: center;
	border-bottom: 1px solid #16cadb;
	width: auto;
	display: table;
	margin: 0px auto 30px;
}
.logo-ati{
    width: 100%;
    max-width: 100px;
    margin: 0px auto;
	display: table;
}
.desc-ati{


    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.5px;
    margin: 0 0 14px;
    text-align: center;
    height: 43px;
    color: #001159;
}
.desc-ati.mp100p{
	height: 40px;
}

.desc-ati.uppercase{
    font-size: 23px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 9px 0 9px;
    height: auto;
}
.logo-land{
	width: 100%;
	max-width: 560px;
	display: table;
	margin: 0px auto;
	padding: 0 20px;
}
.icono img.icono{
	width:100%;
	max-width: 50px;
	margin-top: -11px;
}

.dsc-small{
	width:100%;
	max-width: 100px;
	margin-top: -3px;
}



/** CADA UNIDAD **/
h2.tit-unidad{
	font-weight:600;
	font-size: 21px;
	line-height:25px;
	color: #000;
	margin: 0px;
}
.unidad-desc{
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #001aff;
	padding: 5px 0px 4px;
	letter-spacing: 0px;
	width: 100%;
	text-transform: uppercase;
	display: inline-block;
	border-bottom: 1px dotted;
    margin: 0 0 12px;
}
.titulo-seccion{
	font-weight:600;
	font-size:18px;
	line-height:25px;
	color: #16cadb;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding:5px 0px 1px;
	border-top: 1px dashed #16cadb;
}

.titulo-seccion.review{
	text-align: left;
	padding: 7px 0px 0px;
}
.review-txt{
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
    padding-right: 8px;
}
/*
.titulo-capsula a{
	font-size:16px;
	line-height:28px;
	color:#000;
	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-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 8px 0px;
	border-radius:5px;
	text-transform:uppercase;
}

/*
.titulo-capsula:hover{
	background:#75ffd0bd;
	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-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
	margin: 3px 0px 10px;
	color: #000;
}

.clave-copy{
	width: 90%;
	display: table;
	margin: 0px auto 0px;
}
a.copy-btn{
	font-size: 10px;
	line-height: 10px;
	margin: 0px 10px 10px 10px;
	color: #001159;
	background: #76fed0;
	display: inline-block;
	padding: 4px 6px 4px 5px;
	text-transform: uppercase;
	border-radius:8px;
	font-weight: 700;
	width: 108px;
	height: auto;
	text-align: left;
}
.fa.fa-fw.fa-clipboard.copy-btn{
	display: inline-block !important;
	font-size: 18px !important;
	margin: 1px 3px 0px 0 !important;
	float: left;
}
.copy-btn:hover{
	color:#fff;
	background: #001159;
}


/** 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-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-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-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;
}

.nota-formulario{
	color: #0b315a;
	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:#0b315a;
	display: table;
	margin: 5px auto 10px;
	padding: 6px 8px 6px;
	border:0px;
	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: #6d12ac;
	letter-spacing: 1.5px;
	padding: 6px 15px 6px;
	border-radius: 100px;
	border:4px solid #6d12ac;
}

input.btn-ingresar:hover{
	cursor: pointer;
	color: #550090;
	background-color: #75ffd0;
	border:4px solid #6d12ac;
}

/*
a.btn-cancelar{
	background: #0b315a;
}

a.btn-cancelar:hover{
	cursor: pointer;
	color: #fff;
	background: #0a467b;
	text-decoration:none;
}*/

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

.txt-forgot, .txt-forgot a{
	width:auto;
	height:auto;
	font-weight: 600;
	color: #031f93;
	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: #8125cf;font-weight: 600;text-decoration:underline;}
.txt-forgot a:hover{color: #6c20ac;text-decoration:none;}



/** CONTACTO **/
#contacto{
	width:100%;
	height:auto;
	background:#16cadb;

	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: #360c96; /* 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,  #360c96 0%, #7d0008 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#360c96), color-stop(100%,#7d0008)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #360c96 0%,#7d0008 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #360c96 0%,#7d0008 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #360c96 0%,#7d0008 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #360c96 0%,#7d0008 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#360c96', 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-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-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-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: #76fed0;
	padding:0px;
	margin:0px 0px 0px;
	font-weight:700;
}
#contacto-small .btn-contacto{
	width: auto;
	height:auto;
	display:table;
	margin: 0px auto 0px;
	padding: 5px 0px 4px 0px;
	font-size:16px;
	text-align:right;
	text-transform:uppercase;
	color: #3c1686;
	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:#001159;
	cursor:pointer;
}
#contacto-small .fa.fa-fw.fa-envelope{font-size: 17px;padding-top: 0px;color:inherit;}


/** PIE **/
footer{
    margin: 4px auto 0px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding: 20px 0px 10px;
    font-weight:500;
	background: #510596;
	background: -moz-linear-gradient(180deg, #510596 0%, #01115a 100%);
	background: -webkit-linear-gradient(180deg, #510596 0%, #01115a 100%);
	background: linear-gradient(180deg, #510596 0%, #01115a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#510596",endColorstr="#01115a",GradientType=1);
}
footer .popup-link{
	width: auto;
	display: inline-block;
	margin: 2px 7px 10px;
	float:none;
	background-color:hsla(0, 0%, 0%, 0.3);
	border-radius: 4px;
	position: inherit;
	text-align: center;
	color:#fff;
	padding: 5px 12px 6px;
	letter-spacing: 0.5px;
}

footer .popup-link:hover{
	background-color:rgb(77 26 147);
	color:#fff;
	font-weight:500
}
footer a.bcn-legal{color:#75ffd0;}
footer a.bcn-legal:hover{color:#75ffd0;text-decoration:underline;}



/** REGISTRO **/
.img-registro {
	margin: 10px auto -40px;
	display: table;
}
.txt-gracias{
	width: auto;
	height: auto;
	font-weight: 600;
	font-size: 31px;
	line-height: 40px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	display:block;
	color:#16cadb;
	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-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-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-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-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-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;
	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;
	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-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:#16cadb;
	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-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-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: #f2f2f2;
	display:table;
	border: 0px;
    border-radius: 10px;
    padding: 12px 20px 7px;
}

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

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



/** LISTENING TEST **/
.listening-test{
	margin: 0px auto 0;
	display:table;
	text-align: center;
	color:#000;
}
.listening-test .audio .tit, .listening-test .video .tit{
	width: auto;
	height:auto;
	display: table;
	margin: 10px auto 0px;
	padding: 2px 10px 2px;
	background:#000;
	border-radius: 6px 6px 0px 0px;
	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 **/
.fa-volume-up.palabras, .fa-mobile.palabras{font-size: 20px;padding: 0px 1px;color: #c6030b;}
.fa-mobile.palabras{font-size: 25px;}
.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: #16cadb;
    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: #000;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-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:#000;
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:#000;font-size:16px}
.card .btn-link:hover{text-decoration:none;background:#1dc3ae; color:#fff; width:100%;border-radius: 4px;}

#accordion.definiciones .card {  
  background: #000;
  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:#000;
	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-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: #16cadb;
	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;
	}
}*/


/** FORMULARIO: Que Tal Tu Ingles **/
.btn-inicio{
	width: auto;
	height: auto;
	padding: 7px 10px;
	margin: 0px auto;
	text-align:center;
	border-radius:10px;
	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: #16cadb; /* 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,  #16cadb 40%, #16cadb 40%, #2c9294 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#16cadb), color-stop(40%,#16cadb), color-stop(90%,#2c9294)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #16cadb 40%,#16cadb 40%,#2c9294 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #16cadb 40%,#16cadb 40%,#2c9294 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #16cadb 40%,#16cadb 40%,#2c9294 90%); /* IE10+ */
	background: linear-gradient(to bottom,  #16cadb 40%,#16cadb 40%,#2c9294 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16cadb', endColorstr='#2c9294',GradientType=0 ); /* IE6-8 */
}
.btn-inicio:hover{
	cursor:pointer;
	background:#16cadb;
	-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;
	text-align:center;
	font-weight: 900;
	color: #00a4e4;
	font-size: 18px;
	line-height: 19px;
	letter-spacing: 0px;
	border-top: 4px solid #000;
	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-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-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-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-size: 16px;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin: 0px 0 20px;
	padding: 0 0;
	color: #000;
}
.media-heading{
	font-weight: 900;
	font-size: 17px;
	line-height: 18px;
	letter-spacing: 0.5px;
	color: #000;
}
.desc-uni{
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.5px;
	color: #000;
}



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-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-weight: 700;
	color:#fff;
	font-size: 18px;
	line-height: 15px;
	text-decoration:none;
	letter-spacing: 2px;
	border: none;
	background: #360c96;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #360c96 0%, #21006b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#360c96), color-stop(100%,#21006b));
	background: -webkit-linear-gradient(top,  #360c96 0%,#21006b 100%);
	background: -o-linear-gradient(top,  #360c96 0%,#21006b 100%);
	background: -ms-linear-gradient(top,  #360c96 0%,#21006b 100%);
	background: linear-gradient(to bottom,  #360c96 0%,#21006b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#360c96', endColorstr='#21006b',GradientType=0 );
}
#form-clase .btn-enviar:hover{
	background:#360c96;
	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-weight: 400;
	font-size: 15px;
	line-height: 23px;
	padding: 10px 2% 15px;
}
#examen .txt-nivel{
	font-weight: 900;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: 2px;
	display: table;
	text-align: center;
	margin: 0px auto;
	background: #000;
	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 screen and (min-width: 1200px){
	.service-box .tit-tema{
		height: 42px;
		}
}
@media screen and (max-width: 1200px){
	.puntos strong{display: block;}
	.puntos li{
		list-style-type: none;
		text-align:center;
		padding: 8px 10px 8px;
	}
    .titulo-capsula{height:180px;}
	.desc-ati.uppercase{
        height: 90px;
        margin:0px auto 0px;
        }
 	.desc-ati{
        height: 64px;
        margin: 0 0 0px;
        }
}


@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;}
	.desc-ati{height: auto;}
    .titulo-capsula{height:auto;}

		.zona-tit-tareas .tit{margin:-10px 30px 5px 0px;padding: 0 15px 0 0;}
	.desc-ati.uppercase{
        height: auto;
        }

	.row.bg-content .panel.panel-default.modulo-small{
		width:45%;
		display:inline-block;
		margin: 0px 2% 15px;
	}

	.row.bg-content .panel-default>.panel-heading h4{
		line-height:15px;
		font-size: 15px;
		letter-spacing: 0;
	}
	.row.bg-content .panel-default>.panel-heading .fa.fa-fw{
		font-size: 25px !important;
		line-height: 28px !important;
	}
	.leccion-inglessms{
		width: auto;
		padding: 7px 0px 0px;
	}
	.btn-sig{
		width: 34px;
		border-radius: 100px;
		margin: 0px 0px 0px;
		letter-spacing: 0px;
		padding: 6px 7px 8px;
		display:inline-block;
		text-align: center;
	}
	.btn-sig .fa.fa-arrow-right, .btn-sig .fa.fa-arrow-left{
		font-size: 20px;
		display:block;
	}
	
	.row.bg-content .panel.panel-default.modulo-small{
		width:45%;
		display:inline-block;
		margin: 0px 2% 15px;
	}


}

@media screen and (max-width: 955px){
	#top-internas{
		width:100%;
		/*height: 245px;*/ 
		margin: 0px auto;
		background: url(/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;}
	#cursoingles .navbar-nav>li>a {padding: 12px 10px;width: 160px;}
}
@media (max-width: 767px){
	.btn.ingresar, .btn.crearcuenta{margin: 0px 3px 0; font-size:12px;}
	#cursoingles .fa.fa-fw.fa-envelope{margin: 0px 0px 0 5px; font-size:12px;}
	#cursoingles.navbar-inverse .navbar-nav>li>a{margin: 0px 3px 0;}
}
@media (max-width: 740px){
    #estadisticas, #graficos{width: 90%;}
	#estadisticas li{line-height: 25px;}
}
@media (max-width: 735px){
	.well.ctas-ciu .page-header {
		text-align:center;
		/* margin: 2px 10px 0px; */
		font-size: 20px;
		line-height: 18px;
	}
}

@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;
	}
	.iam.txt-leccion{height: auto;}


}

@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;}
	.desc-ati.alto{height: auto;}
}


@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 (max-width: 415px){
	#cursoingles .navbar-brand .logo{
		width: 95%;
		max-width: 322px;
		padding: 1px 0px 0;
		margin: 0px;
	}

	.well.ctas-ciu{padding: 9px 15px 9px;}
	.well.ctas-ciu .col-lg-12, .well.ctas-ciu .col-md-4{
		width:100%;
		display:table;
		margin:0px auto;
	}
	.well.ctas-ciu .page-header {margin: -2px 10px 4px;line-height: 20px;}
	.well.ctas-ciu .btn-default{float:none;}
}

@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 (max-width:330px){
	.row.inglessms .col-md-2{float:none; display:table; margin:0px auto;}
	.row.inglessms .col-md-2.r{float:none;}

}

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

@media (min-width:992px) and (max-width:1200px){
	.list-inline>li{padding-left:0;margin-left:-5px;list-style:none}
	.servicio .desc-ati{height: 65px;line-height: 17px;}
	.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;
	}
	.desc-ati.alto{
		margin: 0 0 10px;
		height: 53px !important;
	}

}
@media (max-width:992px){
	.col-md-4.modulo-nivel.examen .panel.panel-default h4.tit-nivel{font-size: 23px;line-height: 25px;}

	/*.btn.ingresar, .btn.crearcuenta{font-size: 12px;margin: 10px 3px 0;padding: 7px 8px;}*/
    .desc-ati, .desc-ati.uppercase, .desc-ati.mp100p{height:auto;}

}

@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: 10px auto 10px;
		letter-spacing: 0px;
	}
	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;
	}
}